Adding Button Links to iFOLIO
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.
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.
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.
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.
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.
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!
950 East Paces Ferry Rd NE, Suite 1500, Atlanta, Georgia 30326
Phone: 470 - 223 - 4818, | Email: info@ifoliocloud.com