How can I add a button on my website?

Adding Buttons to Your Website

This article guides you through creating a custom button using an online design tool, uploading it to your website via a text widget, and linking it to a specific page. The result is a clickable button on your site that directs visitors to your chosen URL.

1. Create the Button

  1. Search for any free button design site.

  2. Use the provided tools to design your button.

    Info
    Most button making tools allow you to customize the button's text content, color, shape, size, and font.

  3. Once satisfied with your design, download the button image and save it to your computer.

  1. Navigate to the webpage you want the button to link to.

  2. Copy the full URL from your browser’s address bar.

3. Log In to Your Website

  1. Open your website and access the Dashboard (either click User Login , or if already logged in click Dashboard).

4. Add a Text Widget to Your Page

  1. In the Dashboard's left menu, click Content to expand the options.

  2. Select Widgets Manager.

  3. Navigate to the page where you want the button to appear.

  4. On the left-hand side Add Widgets menu, locate the Text Widget.

  5. Drag and drop the Text Widget onto a checkered area of the page.


  6. Click the Edit (pencil) icon on the top-right corner of the widget on the page.


  7. Delete the default title and sample text from the widget’s body.

  1. In the Text Widget editor, click the Image icon.


  2. Go to the Upload tab, then click Browse and select the button image you saved earlier.


  3. Double-click the file or select it and click Open.

  4. Click Send it to the Server.

  5. Switch to the Link tab and paste the URL you copied earlier.

    Idea
    You can click Browse Server to link to a file instead of a webpage. After clicking Browse Server, you can click the +Upload button in the top left corner to add a file, or you can select a file already uploaded to your server. Double click to select the file you'd like the button linked to.

  6. Under Target, choose:

    • Same Window – to open the link in the current tab

    • New Window – to open the link in a new tab

  7. Scroll down and click OK.

  8. Click Save to apply your changes.

6. Preview Your Button

To preview how visitors will see the button:

  1. From the Dashboard, click your website domain link in the top-left corner.

  2. Review the page to ensure the button appears and functions correctly. 

    • Related Articles

    • Adding Testimonials to Your Website

      Here you find instructions for adding customer endorsements to your site as text, and and how to embed third party widgets for Google reviews onto your site. Adding Testimonials to Your Website To ensure consistent formatting you can paste plain ...

    • Adding Google Analytics to Your Website

      Google Analytics is a powerful tool that helps you monitor and understand how visitors interact with your website. By adding a Google Analytics tracker, you’ll be able to track essential data such as user behavior, traffic sources, and website ...

    • Adding Images to Your Website

      This article covers how to add images to your site and optimize images for mobile devices. Adding a Text Widget to a Page 1. Go to the Widget Manager Text Widgets allow you to add text and images to your site’s pages. From your Dashboard, go to ...

    • Adding YouTube Videos and YouTube Shorts To Your Website

      Adding YouTube Videos To add a YouTube Video, you can copy the embed code directly from YouTube, then insert it into a Video Widget. 1. Copy the Embed Code from the YouTube Video YouTube provides an embed code for their videos. If the video you want ...

    • Optimizing Your Website for SEO

      Having a website that ranks well on search engines is crucial for visibility and attracting visitors. Fortunately, your website comes equipped with built-in SEO tools that allow you to configure essential meta tags, which include meta titles, ...