Once you have created a Flow in the Visual Marketing > Flows menu of the Flowbox dashboard, you can display the Flow on your Shopify page using our App.
Make sure to have the Flowbox App for Shopify installed on your Shopify page. If you don't have it yet, check the Installation guide first.
You can create five different types of Flows in the Flowbox App for Shopify:
Static Flow – typically used on the home page and/or a community page.
Dynamic Tag Flow – perfect for an Instashop or category pages.
Dynamic Tag Flow with filtering options – a special type of Dynamic Tag Flow where the filtering options will enable visitors to switch what content they see. It works very well for Inspiration pages where you want to showcase a lot of content based on the user's button selection.
Dynamic Product Flow – create shoppable galleries on your product pages.
Dynamic Product Flow in gallery – serve content dynamically based on a product. But instead of being its own element on the product page, the content will be automatically incorporated in the product gallery/slider.
This guide will focus on the Static Flow.
Configuring a Static Flow
1. First, click on the installed app and you’ll see the Flowbox application landing page.
2. Click 'Configure Flow'.
2. Select 'Static Flow' and click ‘Next.’
It's important to choose the same Flow type here that you created on the Flowbox dashboard. If you want to use a 'Static Flow' from the Visual Marketing > Flows menu in the Flowbox dashboard, make sure you select 'Static Flow' in the Shopify App to configure it correctly.
3. A new ‘Configure Static Flow’ box will appear.
4. Enter your Static Flow name (you can choose any name but note it cannot have any spaces) and then click on ‘Next’.
5. Insert the Flowbox Flow key, and then click on ‘Next’.
Get the Flow Key by copying it from the 'Copy Flow Key' option in the meatball (three-dot) menu in the Visual Marketing > Flows menu in the Flowbox dashboard.
6. The next step is to enter your Locale. You can start typing the language you want and the dropdown menu will offer you possible locales and regions. Click here for a full list of supported regions in Flowbox.
7. Once you’ve chosen the necessary Locale you can click the ‘Create Flow’ button. You can add multiple locales at this point and the App will create a new Flow for each one.
8. Your Static Flow will appear under the Shopify Active Flows in the Static Flows section.
9. Now you can customize your Static Flow and add it to your Shopify pages.
Managing a Static Flow in Shopify
1. First, you need to open your Shopify store in order to manage your Flows. Once you’ve logged in, go to 'Online Store' and click on 'Themes'.
2. Click on ‘Customize’ to edit your site.
3. Now you are on the 'Home Page'.
4. To add the Flow to your Shopify store, click on 'Add section', and from the dropdown menu, select your Flow.
5. You’ll now see your Flowbox content displayed in the store.