For better control over your page layout and text formatting we recommend to use the PageBuilder.

Click here for video instructions to convert your page content to the PageBuilder.

Our websites includes the Forget About Shortcode Buttons plugin which allows you to easily generate CSS buttons from your WordPress visual editor. Insert buttons which optionally link to other website pages (internal or external). Instead of adding shortcodes in the post editor, you insert real, styled buttons – making the process of adding buttons to your posts and pages much more natural while improving the appearance and usability of the post editor.


Instructions

  • Login to your website.
  • Create a new page or open the existing page in which you want to add a button in.
  • Locate the cursor in your content area, where you want to add your button.
  • Locate the Insert Button icon in you format icons panel.
    add-button-01
  • Once you click the Insert Button icon the Insert Buttons window will open.
    add-button-02
  • Complete the fields:
    T
    ext: Enter the text you want to appear in your button.
    URL: Enter the URL you want to link to this button, internal or external page/link.
    Important: If the link button is external we recommend to tick the ‘Open link in new window?‘ option to not close your website while people visit the link.
    Text Color: Select a colour for the text in your button. Click in the colour field to open a colour wheel, move your mouse around to pick a colour or enter the hexadecimal colour (i.e. #ffffff)
    Button Color: Pick the colour for your button from the colour wheel or enter the hexadecimal colour.
    Type: Choose the button style, Flat, Glossy, Pop Out, etc
    Size: Set a size for the button, small, medium, large, etc. 
  • Add an Icon:  If you want to add an icon to your button click on the Icon tab, see image.
    add-button-03
    Browse the available icons and click in the one you like or need.
  • When you have set all your preferences click on Insert button to add it to your page. Your button will appear in your Visual Editor.
    add-button-05
  • Finally click on Update/Publish button to save the changes in your post/page.

Edit your Buttons

  • After you have created your button you can edit it any time. Just click twice on the button to re-open the Insert Button window. After making your changes click on Update button.
    add-button-05