img

Adding Button Links to iFOLIO

img
img

Increase Conversions with Customizable Linked Buttons

Learn how to add and customize linked buttons to your iFOLIO pages in just a few simple steps. Convert visitors into buyers with engaging CTA Buttons and drive traffic to linked pages.

1. Write Your Call to Action and Select the Text

2. Click the 'Add Button' Button to Add Your Button

3. Add Your Link

4. Customize Colors & Add Border

5. Adjust Roundness & Padding

6. Toggle the Hover Animation

Write Your Call to Action and Select the Text

Click on a text box and type your Call to Action (you can add more copy in the same text box if you need to include other information). Highlight the CTA text, and you will see the greyed-out "Add Button" Button light up on the right side of the text editor bar.

img

Click The 'Add Button' Button

Click the Add Button button to convert your selected text into a button that can be customized using the button editor. The button editor will automatically open directly below the text editor when the button is created. 

img

Add Your Link

Copy the link URL you want your button to lead to, and paste that link into the provided URL field (towards the far right of the button editor bar). Click 'Update' to save the change.

img

Customize Colors and Add a Border

Highlight the text in your button to re-open the button editor menu. Use the color selectors on the left side to customize the colors of your button. You can change the text color, button color, and border color (if you add one). Click the colored circle, and the color menu will appear. The color selector includes preset organization colors (if they have been set), basic color options, and a custom color picker enabling you to add hex color codes. If you want to add a border, insert a number in the field next to "Border" to set thickness and choose a color. Click Update to see and save your changes.

img

Adjust Roundness and Padding

If you want, you can further customize the button by adjusting the roundness and spacing inside the button by adjusting the Round Corners and Padding fields in the button editor.

Remember to click update to save and see changes.

img

Toggle the Hover Animation

By default, buttons have a 3D hover animation. You can disable this by clicking the toggle and clicking update.

Now your button is good to go! Remember to test it in the preview to make sure it works as desired!

img

BACK TO HELP CENTER

img

950 East Paces Ferry Rd NE, Suite 1500, Atlanta, Georgia 30326

Phone: 470 - 223 - 4818, | Email: info@ifoliocloud.com

powered by ifolio