If your Flipbook is promoting products you sell, adding in shopability to your digital catalog doesn't just make sense — it's crucial! You can do just that by setting up a Shop configuration.
📖 This guide explains:
What is a Shop configuration?
A shop configuration is a predefined setup of how you want visitors to be able to shop, and check out from your digital catalog. For example, if you'd like shoppers to check out by sending a list of their chosen products to a sales rep via email, or WhatsApp, you can set this up as a shop configuration.
Setting up your first Shop Configuration
To set up your Shop Configuration:
In the overview, click on Flipbooks, from the left-hand vertical menu.
Select Modules from the submenu.
Select Shop configuration from the Modules menu.
From here, you can add new configurations or edit existing ones:
To create a new shop configuration, start by clicking on the Create button in the lower right-hand corner. We go into further detail about configuring a new one further on in this article.
To edit an existing configuration, click on the pencil icon ✏️ to the side of the shop configuration you want to edit.
You also have some extra options available for existing configurations:
By clicking on the '…' icon, you can also duplicate existing shop configurations by selecting Copy. You can use a copy of a Shop configuration if, for example, you have two markets on the same account. They both have the same checkout function, only the currency and language is different. Instead of creating a new one, simply copy the existing one and edit the copy.
You can also Delete Shop configurations you no longer need.
Creating a configuration
This pane presents you with several options:
Name your configuration: This field has no effect on the Shop, but it's simply an easy way for you to keep track of your different configurations.
Shop title: This field decides the name of the cart inside your Flipbook, as seen in the example below. This will be visible to your visitors, so choose wisely!
Currency: Define what currency your prices will be displayed in. In most cases, this defines the symbol or text next to the amount in the cart.
Sender email: Here you can set a custom sender email address. By default, this is 'firstname.lastname@example.org'.
Reply email: Use this field to define a custom reply-to email address. This is the email address to which you can receive customer replies. Not offering a reply option can result in a bad customer experience!
Show advanced options: Toggling this will display a number of advanced Shop configuration options.
Add checkout options: This is where you decide which checkout option(s) you want to use for your configuration.
Overview: Here you can see all the configured checkout options in your Shop configuration. You can also rearrange them in order of priority.
There are a number of checkout options available to you, for your Shop configuration:
If you're unsure what the most appropriate checkout option for your Shop configuration is, not to worry! We've created a guide to help you decide:
Advanced shop settings
The Advanced shop settings toggle reveals additional ways of customizing your Shop configuration.
In the General section, you can define:
Hover text: this defines the text the user sees when hovering the mouse over the link. This text is completely customizable, and you can use several dynamic elements:
Hide prices: this toggle hides product prices. This is useful, if you want your Shop to act as a Wish list.
Show print icon: This toggles the icon to print their cart contents.
Add custom item: Enabling this allows your shoppers to add their own items to the shopping list.
The options in Checkout behavior allow you to further customize the look and functionality of your Shop configuration:
Clear cart on checkout: Toggling this will result in the cart emptying once a shopper has completed their transaction. This happens when:
an email is sent in Email checkout.
when the user clicks the checkout button in Integration, Print, WhatsApp, and Viber checkouts.
Shop icon: Here, you can select which icon will represent the shopper's cart.
External cart URL: You can override the default iPaper shop and redirect to your own, external URL.
Item maximum quantity: You can set the maximum quantity of an item that can be added to a shopper's cart. Leaving it empty results in no limit.
Item maximum quantity text: The text shown to the shopper once they attempt to add more items than the limit allows.
Cart minimum value: Set a minimum monetary value required before a shopper can check out. Leaving it empty results in no minimum limit.
Cart minimum value text: The text shown to the user when their cart contents do not meet the minimum value requirement.
The following dynamic tags are supported:
[remainingValue]: the difference in amount needed to meet the minimum value
[basketMinimumValue]: the minimum value required
The toast is the small informative box with text that appears when a shopper adds an item to their cart.
Item added text: Limited to two lines. An ellipsis (…) is added if the text exceeds this.
View cart CTA text: Limited to fit the CTA with an ellipsis before the item count indicator.
Products on page
Products on Page is a feature that allows your shoppers to get an overview of all the shoppable links on a catalog spread.
Is enabled: This allows you to toggle on, or off, the Products on Page feature.
CTA background color: You can customize the background color of the CTA.
CTA text color: You can customize the text color of the CTA.
CTA text: Here you can specif a custom CTA text. By default, it is 'View products'.
Enabling the Shop
So, you've created your first Shop configuration! Now it's time to get it on your Flipbook.
Navigate to the settings of a Folder by selecting the '...' button, and then Edit settings.
Under the Modules pane, select Shop configuration, and toggle the option to ON. This will in turn enable this configuration on the Flipbooks in the folder.
Select which shop configuration you want to use by clicking on the little shopping cart icon.
That's it! Your shopping configuration is now ready to be used on all the Flipbooks within that folder. ✌️ 🛒