How to add and edit links for: buttons, images, etc

How to add and edit links for: buttons, images, etc


This tutorial will guide you on how to change the link for the following elements: button, image, box, text, navigation, logo.

Step 1

Open the "Settings" editor for the element you want to add a link (shown in screenshot: button settings).
Click "Edit Button" on the hover menu or double-click on the element you want to customize.



For texts, you will have to open the text editor, select the desire text and click on the "Link To" button.



For all the other elements, in their respective editors there are two customization categories: "General" and "Look & Feel".

The settings we are interested in are located under the "General" tab.



Step 2

Click on the "Link To" dropdown.


Step 3


You will see a dropdown with five options. To add a link, select one of the following two options:
  1. Page
  2. Web Address

Info
Read our tutorials on how to add an email address or a phone number.





1. Page

If you select "Page", an additional dropdown "Select Page" will appear, allowing you to link to a specific page on the website.
Info
Note: The dropdown includes a search function for ease of use.
Info
Note: The selected page name does not affect the link text.



2. Web Address

If you select "Web Address", an input field labeled "Web Address URL" will appear, where you can enter the desired web address.
You can enter an address with or without https://; if omitted, Aphyo will automatically add it.
Alert
It is not possible to enter addresses with http:// Aphyo will automatically replace it with https://.



Additionally, there is an "Open link in a new tab" checkbox that you can select if you want the link to open in a new browser tab.



Next Steps

  1. add an element
  2. add a section

    • Related Articles

    • How to change navigation links style

      In this tutorial you will learn on how to change the style of navigation links. This will be different for desktop and for mobile. All navigation links are in fact buttons, but usually they have no style or minimal style. Step 1 - open editor Open ...

    • How to add a clickable phone number

      This tutorial will guide you on how to add a clickable phone number on elements that can have links (buttons, text, etc). Step 1 Open the "Settings" editor for the element you want to add a link (shown in screenshot: button settings). Click "Edit ...

    • How to edit form styles

      In this guide, you will learn how to style the Form element to match your website’s design. Step 1 - open editor Open the "Form Settings" editor. Click "Edit Form" on the hover menu or double-click on the "Form" element you want to customize. In the ...

    • How to change the order of links in navigation

      In this guide, you will learn how to rearrange the navigation links on your website. Step 1 - open editor Open the "Navigation Settings" editor. Click "Edit Navigation" on the hover menu or double-click on the "Navigation" element you want to ...

    • How to edit contact forms and add new form fields

      In this guide, you will learn how to edit the Form element, manage form fields, and configure various settings to customize your form. Step 1 - open editor Open the "Form Settings" editor. Click "Edit Form" on the hover menu or double-click on the ...