How to add and edit a button on my website?

You can use buttons to draw your visitors’ attention to important links and call-to-action elements.

How can I add a button?

  1. When in the Website Builder editor, click on the Add elements button.
  1. Drag and drop the Button element into your page content. Note that the editor will highlight the spots where you can drop it.
  1. Select the design of the button from the layout library. Click on the one you want to add to your page.

    Note: in the Themed category you will find buttons matching the global design of your website.

How can I edit a button?

You can customize any button on your website. To do that, click on the button you want to edit to open the toolbar.

CTA and linking

  • Button text
    Change your button’s text.

  • What should your button link to?
    There are several types of links you can use. Make sure to choose the right type.

    External page or website – use it to link another site with a URL.

    Landing page – select a GetResponse landing page that you want to open.

    Email address – add an email address that will be contacted after clicking the button.

    Phone number – add a phone number that will be called after clicking the button.

    Custom protocol – use to it embed protocols.

    Document – add a file you want to open with the button.

    Website – select another website created with the GetResponse Website Builder.

    Current website – link the button to the current website. Choose the page you want it to open.

    Anchor – use it to redirect visitors to a page or an element on your webisite. .

  • How should the link open?
    Choose if you want to open the link on the same page or in a new tab.

Button design

  • Style
    Select one of the predesigned styles or choose one from our library by clicking on the More styles link.

  • Shape
    Choose the sharp, soft or rounded shape of the button.

  • Size
    Choose from three predefined sizes or click on the button to enter your own size manually.

  • Alignment
    You can move the whole button to the left, right or centre of the section.

  • Advanced settings
    If you want to further adjust your button, click on the link to open advanced settings.
    You can customize font, colours, border, radius, and shadow.
  • Reset to default
    To reverse all custom changes, use this link to restore the default button settings.

Block settings

The button block is a framed workspace around your button with a Button label on the left. You can only see the frame after clicking on the object. It won’t be visible on your website.

You can customize its color, padding, border, radius, and shadow.

Absolute positioning

Enable this option to move the button to any place on your website.

Note: we only recommend using this option if you have some unusual design the can’t be created in any other way. Using objects with absolute positioning can make your page less responsive on mobile devices.

Hide on mobile devices

Enable this option to hide your button while your page is opened on a mobile device.
You may want to use this option to make your page simpler for mobile users, for example when you are adding the same CTA button a few times for desktop view.