BYOB ‑ Build Your Own Bundle

June 16, 2021 in E-Commerce, Tips and Tricks

BYOB ‑ Build Your Own Bundle

by SillyCube Technology Ltd.

Let customers build custom bundles. Sell more items. Boost AOV

About BYOB ‑ Build Your Own Bundle

Want to offer customized bundle products built by customers? Looking for a build-a-box solution? Drive sales with big packs? BYOB is here to help!

Why BYOB?

When I buy a Switch, I can select 1 console + 1 game + 1 membership + 1 accessory from 4 different collections. But this is not possible under Shopify. That’s where the idea comes from.

What is BYOB?

BYOB helps you to create customizable bundles. Let’s say, you want to offer:

1. Buy X for $Y. Select any 3 products from collection A. Pay a discounted price.
2. Select Any 1 product in collection A AND Any 1 product in collection B. Customers will get a 10% off discount.
3. 4-pack, 6-pack, 8-pack with NO discount

The bundle is shown as a product under collection(s).

Benefits

• Upsell more items. Generate more sales
• Save time from defining the bundles yourself
• Bundle with unpopular collections to clear stock

Who is it for?

If you are offering a wide selection of products and your customers want to make their own choices, BYOB is suitable for you.

How it works?

3 steps:

1. You create a bundle. It will be displayed as a product under collections. This product will use our special product template.
2. When a customer adds the selected products to the cart, BYOB will generate a variant and place it into the cart.
3. After the customer checkout, BYOB will convert the order back into individual products (SKU) so your inventory keeps in sync.

Features:

1. Set up customizable bundle conditions easily
2. Offer bundle discount with % discount, fixed price or fixed-amount discount
3. Edit design in the theme editor to match with your brand
4. Show individual items in orders. Keep inventory sync

How BYOB is different from other bundle apps?

• Only offer 1 type of bundle and we support discount codes
• Easy to use. We target merchants instead of developers.
• Easy setup. Don’t bother with your liquid files. Just install BYOB and give it a shot
• Customize the template design with theme sections. Preview changes in real-time
• Mobile-Friendly

FAQ:

Can I set it up easily? I can’t code

Yes, you can set it up in a minute. Just click the install app button in the AppStore and follow our instructions. Contact us if your theme is not supported

Does it support discount codes?

Yes! You can apply an automatic discount or a discount code.

Can I ask you some questions?

Yes, just contact Benny via the support email. My timezone is UTC +8:00 / HKT

Me: What are you waiting for?

Try BYOB now. Get your first sale before you pay me!

Build customizable kits with BYOB. It’s a good alternative for Product Kit, Bundle Builder & Bundable

June 15, 2021 in E-Commerce, Tips and Tricks

How to add to cart button on collection page Shopify

Add the following lines of code at the bottom of the page. All you have to do is to copy these lines of codes and paste it at the bottom of the product-card-grid.liquid page.

<form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm" class="quick-add-to-cart small--hide clearfix">
{% if product.variants.size > 1 %}
  <select id="product-select-{{ product.id }}" name='id' class="text-center">
  {% for variant in product.variants %}
  {% if variant.available %}
    <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }}</option>
  {% else %}
    <option disabled="disabled">
    {{ variant.title }} - {{ 'products.product.sold_out' | t }}
    </option>
  {% endif %}
  {% endfor %}
  </select>
  {% else %}
    <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  {% endif %}

  {% if product.available %}
    <button type="submit" name="add" id="AddToCart" class="btn btn-mini text-center" onclick="ga('send', 'event', 'Quick Add To Cart', '{{ product.type }}', '{{ product.title }}');">Add To Cart</button>
  {% else %}
    <h6>Out of Stock</h6>
  {% endif %}
</form>

June 14, 2021 in E-Commerce, Tips and Tricks

Collections Add to Cart Button for Shopify

Allow users to select variants & buy items on collection pages

About Collections Add to Cart Button

Boost your sales while reducing shopping time by adding an ‘add to cart button’ in every product on collection pages.

Make It Easier for Your Customers

Make the shopping process at your store easier! Including ‘Add to cart’ buttons on collection pages will speed up the checkout process for your customers.

Prompt Customers to Purchase

Allowing products to be added to the cart directly from collection pages helps increase sales.

Simple Integration

This app is fully integrated with all devices for the most popular Shopify themes.

Quick as a Flash

Simplicity and lightning-fast page load speeds are our greatest strengths, and both features are possible to reach with the help of our efficient development infrastructure.

Styles Customization

Customization is a great business strategy. Adjust the app styles with just a few clicks to adapt to your store’s look.

Plug and Play

The app will be installed in your store easily. No coding or template modifications are required. It is fully and smartly integrated with the most popular Shopify themes, so no additional configuration is required…The easier, the better!

Unique Customer Service

We know speed matters, especially when it comes to customer service. Our support team is always glad to help quickly and efficiently.

About Incubate

With a high level of commitment about innovation and creativity, Incubate provides an outstanding variety of apps for Shopify stores. We offer original and valuable solutions.

• Successful apps in the Shopify market
• Customer-centric
• Original development, high-quality code & exceptional experience

Link

June 14, 2021 in E-Commerce, Tips and Tricks

add to cart on collection page shopify

Please follow below steps to add “Add to cart” button on Shopify collection pages for each product.

1. From your Shopify admin, to to Online Store > Theme.
2. Find the theme you want to edit and then click Action > Edit code.
3. In the online code editor of collection page find to the loop {% for product in collection.products %} add the below code.

<form action="/cart/add" method="post">
{% if product.variants.size == 1 %}
<input type="hidden" name="id" value="{{ product.variants.first.id }}" />
{% else %}
<select name="id">{% for variant in product.variants %}<option value="{{ variant.id }}">{{ variant.title }}</option>{% endfor %}</select>
{% endif %}
<div><button type="submit" name="add">Add to cart</button></div>  
</form>

June 14, 2021 in E-Commerce, Tips and Tricks

add to cart on collection page shopify

Just follow the steps for Debut theme for Add to cart button on collection pages.

• From Shopify Admin select Online Store and click on Themes
• Choose your main theme
• Click the . . . on the top left-right (see below) and hit Edit code
• Open Snippets -> product-card-grid.liquid File and paste below code at the end of the page

<form method="post" action="/cart/add">
  <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  <input min="1" type="number" id="quantity" name="quantity" value="1"/>
  <input type="submit" value="Add to cart" class="btn" />
</form>