Like with any conversion minded website, call to action buttons and links are an integral part of any Shopify theme design — and the Flex Shopify theme is packed with features that give you plenty of options for buttons while also keeping things manageable and consistent.
Flex also adds flexible options for controlling the buttons and links on your Shopify store, including a standalone option for perhaps the most important one — the “add to cart” button.
In Flex, you can control the size of the buttons as well as the background, text and border color — as well as a separate color settings for the hover state.
The add to cart button can also include an icon of your choice on either the left or right side.
A bag or cart icon, for example, can be a good choice to help drive home the purpose of the button — or something more generic such as an arrow, caret or plus sign can also be good picks to indicate that the button is an action step.
Keep in mind that, by default, the add to cart button briefly changes to a checkmark after the customer adds an item to the cart — so it may be good to avoid that option.
In addition to the add to cart button, Flex also has separate configurations for link, primary and secondary buttons — and in most sections with buttons you can select which one option to use.
These settings are are “linked” so that if you change, for example, the secondary button color or size, it will update on every section that uses the secondary button option.
In other words, when you configure your buttons under Customize > Theme settings > Buttons, you’re essentially creating the “template” that all instances of that button style will use. However, you still have the freedom to pick from primary, secondary or link styles in each section you add.
When selecting button settings, consider these points:
It’s also important to keep in mind that “unbranded” dynamic checkout buttons are controllable within theme settings, but branded ones are not.
It’s typically a good idea to leave these buttons alone since they use colors and logos customers are familiar with — but it’s also a good idea to test and check that your custom button design looks good next branded ones you have enabled.
All of the button options, except the link style, also have the option for border radius, which is a fancy way of saying rounded corners.
Combined, all of these options are designed to give store owners and Shopify developers an enormous amount of flexibility with button design — but also make it easy to create a consistent and professional look throughout your store.
Our affiliate program is designed to reward your hard work and dedication. When you refer sales of our Superstore, Turbo, or Flex Shopify themes, you'll earn a handsome 15% commission for the first three months. Imagine the potential for substantial earnings during this initial period.
Join today!