How to create dual button

SqueezeFunnels provides a button module that allows you to create and style buttons easily.

First of all, you need to add a 2-column row layout to the content section, as shown below.

dual-cta-button-row

Next, add the button module in both the columns and style them as per your requirements. I have created a flat button and another one as a transparent button.dual-cta-button-row-2Now, we have both the buttons in place but, these aren’t aligned perfectly and should be in the center. The buttons are aligned to the left by default.

So, if we look at the screenshot, Buy Now buttons looks fine. All we need to do is move the Explore button to the right. For this, simply click the button to open button module settings and change the alignment to Right as shown below.

dual-cta-button-alignment

 

As you can see, now both the buttons look balanced and center aligned. In order to reduce the gap between the buttons, we can adjust the right margin for the first button to zero or second button’s left margin to zero.

dual-button-margin

 

Create Dual Buttons using SFUA Module

This was how you can create dual buttons using BSFUA Module easily.

This module provides you with easy to use options for styling and can do much more than the default Button module.

In the SF builder click on the "Add Content" tab and expand SFUA Module.  Drag and drop "Dual Button" to where you want it to go. 

Customize your buttons.

powerpack-dual-button-1

Style Options for Dual Button Module

powerpack-dual-button-2 powerpack-dual-button-3

Dual Button Typography Options

powerpack-dual-button-4

Save your button.  Here’s the end result.

dual-button-example

Have more questions? Submit a request