If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

CherryFramework 4. How to add a “Read More” button with custom link to the page using shortcode

Hello! This video tutorial shows how to add a “Read More” button with the custom link using shortcode button in CherryFramework 4.

CherryFramework 4. How to add a “Read More” button with custom link to the page using shortcode

While editing your site you will certainly need to link it to some external sources with additional information.

Luckily, CherryFramework 4 templates allow to achieve this easily using shortcodes.

Let’s learn how to do that.

Let’s say, you want to add a custom link to the Contacts page.

The tutorial assumes you are already logged into your WordPress dashboard.

  1. Click the “Edit Page” button at the top of the screen to reach the Contacts page in your back-end:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_1

  2. Now put your mouse cursor to the place where you want to add the button to and click “Insert Shortcode” button in the upper part of the screen:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_2

  3. On the pop-up window choose the “Button” shortcode by clicking on it:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_3

  4. Now that the shortcode options interface appeared, set the options to make the shortcode fit your desire, e.g. button Text, Link, Background and Text color etc.:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_4

  5. Click “Insert shortcode” button at the bottom left of the shortcode options pop-up window to insert the shortcode to the page:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_5

  6. Finally, click “Update” button at the right to apply the changes:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_6

  7. Navigate to the page front-end by clicking “View page” button:

    cherry_4.x_how_to_add_readmore_button_with_custom_link_7

You can see the Learn More button linked to Google home page is successfully added now:

cherry_4.x_how_to_add_readmore_button_with_custom_link_8

This is the end of the tutorial. You have learnt how to add a “Read More” button with the custom link using shortcode button in your CherryFramework 4 template.

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to add a “Read More” button with custom link to the page using shortcode