BOGOS – Free Gift Buy X Get Y
BOGOS.io is a top Shopify app that gamifies your sales with BOGO deals, free gifts, and customizable promotional bundles.
EComposer and BOGOS seamlessly integrate with each other to develop BOGOS.io Free Gift extension, that helps merchants choose among options:
– Today Offer popup: Show available today offers for customers
– Gift slider: List of available gifts for customers to choose
– Gift icon: Display gift icon (also known gift label)
– Gift thumbnail: Display product recommendations
– Cart message: Showcase cart message to motivate customers and purchase more
– Bundle view: Show upsell bundle offer
After installing BOGOS from Shopify App Store, you will have a 7-day free trial. During this period, you can fully test out the app functionalities without any restrictions.
1. How to install the BOGOS extension?
To use this extension, please install the BOGOS.io Free Gift Buy X Get Y app from your Shopify store first.
Then Turn on the app embed code in Theme -> Customize -> App Embed -> Save.
Please open the BOGOS app -> Settings and ensure that Bogos status is Enabled.
After downloading the app on Shopify, please go back to the extension in EComposer App to open the Extension popup, there are two options for you to open it such as click on the Extension icon or click Add More under the Elements -> Extensions tab.
In the last stage that we have to do to complete all the adding steps, now you can search the Recurpay Subscription –> click on the “Install now” button to install it
2. How to add BOGOS extension into EComposer?
All you need to do is Drag & Drop the extension into the position you want! It can be added to any position on your EComposer page.
In the extension settings, you can see there are 5 types of offers you can create inside the app:
- Cart message and Gift Slider: These can work on all EComposer pages.
- Gift icon: Only shown on the Product page.
- Gift thumbnail: Only shown on the Product page.
- Bundle View: Only shown on the Product page.
- Quantity Break: Only shown on the Product page
3. BOGOS Offers
3.1 Cart message
You don’t need to do more steps, make sure the Cart message option is selected in Ecomposer editor -> Publish your page.
- Result: This message is showing on the Cart page.
3.2 Gift icon
You don’t need to do more steps, make sure the Gift icon option is selected in Ecomposer editor -> Publish your product page.
- Result: head to your live store to see it in action now!
3.3 Gift thumbnail
– First, you need to create an Offer.
Please follow this detailed video to create an Offer inside the Bogos app admin.
Make sure the Gift thumbnail option is selected in Ecomposer editor -> Publish your product page.
Result: head to your live store to see this widget showing now.
3.4 Gift Slider
You still need to create an Offer to show the Slider of products firstly. The tutorial video in step 3.3.
Make sure the Gift slider option is selected in Ecomposer editor -> Publish your product page.
Result: a pop-up of gifts will be shown on the product page.
3.5 Bundle View
For this Bundle option, you have to create a Bundle (not an offer) to show the bundle.
Make sure the Bundle view option is selected in Ecomposer editor -> Publish your product page.
Please follow this quick video to create a Bundle:
Notice: All the products of this bundle must be Instock, even if there is one out-of-stock product, the bundle can not show up.
Result: After you’ve got the bundle ready, you can go to your website and check how the bundle works.
It will be displayed on every single product page of the product list you just chose in the video above.
3.6 Quantity Break
Follow our video to create a Bundle Quantity Break
Notice: Quantity break applies to vailable options.
Make sure the Quantity Break option is selected in Ecomposer editor -> Publish your Product page.
Result:
4. Design Settings
Notice: If you want to change the style or edit the style of these widgets, please do that in the Bogos app dashboard only. It can not be done in Ecomposer, there are no setting options in EComposer app.
You can go to Bogos App Dashboard-> Customize.
- For example: I want to change the Style/Design of the Cart message.
The color settings are like this: