Adding a new element - Next Screen Button

Learn more about how to add "Next Screen/Start" Button to your screen.

The "Next Screen Button" in page allows users to move to the next screen or step of the content.

Import and edit custom button design

To import your own button there is one thing you need to do first. You need to activate the “Display button as image” option.

Upload - Upload your image.

Alignment - Align your image to the left, right or middle section of your campaign.

Set size - Adjust the size of your image proportionally.

Element margins - Change the distance (in pixels) between the picture and the top or bottom of your element box border.

Function - this is for all types of buttons. Choose “start/next screen” to move on to the next campaign screen.

Save as default - To use the same design in future campaign designs, click “Save as default”.

Create and edit your button

To create your own button design, follow these steps:

Text

Label - Change the text displayed on the button.

Font - Design your text using default fonts or import your custom font.

Background

Colour - Change the colour of your button by using your company's colour codes.

Opacity - Change the opacity of your button.

Border - You can display and design a border with different colours.

Size

Width - Change the width of your button.

Vertical padding - Change the vertical length of your button.

Element Margins

Element margins - distance (in pixels) between the picture and the top or bottom of your element. Set the top and bottom element margins to 0px to remove the background.

Function

Function - this is for all types of buttons. Choose the "Sart/Next screen" function.

Background

Visuals 

• Choose visuals by adding your own branded picture or logo and  choose it's layout and position.
• Choose different color to stand out! You can use your brand's color and adjust the opacity to make it perfectly suited to your needs.

Border

• Border - You can display and design a border with different colors and sizes.

Paddings

• Incorporating paddings into your design makes it look better and work better. Choose top, bottom, left and right paddings to make your content easier to see!

Can I design PC and Mobile view separately? 

Yes, we support different designs in PC and Mobile view. By clicking on Mobile view, you can design your campaign for mobile users in addition to PC users.

By default, you can leave the same design to Mobile view as in PC view. If you prefer a distinct design for Mobile, toggle off the "Use desktop design" option. 

This way, you can effectively tailor the appearance of the "Social Media" to match the specific needs and aesthetics of your PC and Mobile users.