Adding and customizing elements
How to use element groups in website editing
In this tutorial, you'll learn how to use element groups when editing your website. Note: Grouping elements allows for easier repositioning of multiple components while preserving their relative layout. Element groups are for editing convenience ...
How to change elements' visibility for mobile and desktop
In this tutorial, we'll show you how to control the visibility of elements for mobile and desktop devices. Step 1 - Open Section Settings When you hover over a section, the "Section" menu will appear on the right side of the screen. Click the "Edit ...
How to add and use an anchor element
In this tutorial, we will guide you on how to add and use an anchor element. Note: This feature is particularly useful for single-page websites or long pages. Step 1 - Open "Add Element" Menu To add a new element to the page, you have two options: 1. ...
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 delete a navigation link
In this tutorial you will learn how to delete a link in the navigation element. 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 customize. ...
How to rename a navigation link
In this tutorial you will learn how to rename a link in the navigation element. 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 customize. ...
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 edit box style
In this guide, you will learn how to modify the style of a box element. Step 1 - open editor Open the "Box Settings" editor. Click "Edit Box" on the hover menu or double-click on the "Box" element you want to customize. In the "Box Settings" editor, ...
How to change image style
In this guide, you will learn how to modify the style of an image element. Step 1 - open editor Open the "Image Settings" editor. Click "Edit Image" on the hover menu or double-click on the "Image" element you want to customize. In the "Image ...
How to edit navigation link target
In this guide, you will learn how to edit a navigation link target in your website’s navigation menu. Step 1 - open editor Open the "Navigation Settings" editor. Click "Edit Navigation" on the hover menu or double-click on the "Navigation" element ...
How to create a dropdown in navigation
In this guide, you will learn how to create a dropdown menu in your website’s navigation. 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 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 add a new link to website navigation
In this guide, you will learn how to add a new link to your website’s navigation menu. 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 ...
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 add a clickable email address
This tutorial will guide you on how to add a clickable email address. 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 ...
How to change image alt text
This tutorial will guide you on how to change the alt text of an image. Step 1 Open the "Image Settings" editor. Click "Edit Image" on the hover menu or double-click on the "Image" element you want to customize. In the "Image Settings", there are two ...
How to change image focus point
This tutorial will guide you on how to change the focus point of an image. Step 1 Open the "Image Settings" editor. Click "Edit Image" on the hover menu or double-click on the "Image" element you want to customize. In the "Image Settings" editor, ...
How to change an image
This tutorial will guide you on how to change an image. Step 1 Open the "Image Settings" editor. Click "Edit Image" on the hover menu or double-click on the "Image" element you want to customize. In the "Image Settings" editor, there are two ...
How to change button style
This section will explain how to select and customize a "Button" style. Step 1 Open the "Button Settings" editor. Click "Edit Button" on the hover menu or double-click on the "Button" element you want to customize. In the "Button Settings" editor, ...
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 ...
How to change button text
This tutorial will guide you on how to change the text on a "Button" element. Step 1 Open the "Button Settings" editor. Click "Edit Button" on the hover menu or double-click on the "Button" element you want to customize. In the "Button Settings" ...
How to crop an image
You can edit any image on your website to better suit your needs by using our cropping tool. In any image or logo editor you will find a small menu by hovering over the image. Open the cropping tool by clicking on the icon that looks like two ...
How to change the website logo
The logo is one of the most important visual features of your business, the point of emotional connection to your audience. It is the most recognizable image of your brand. Therefore, it is crucial to have one. And here are the steps to import or ...
How to add a new element to the website
You need to think about Aphyo’s templates like a starting point for your website. Even if you have found the aesthetic that you like and matches your brand’s imagery, you still need to make some changes. So here’s how to add a new element to your ...
How to edit an element
There are two ways you can edit an element. 1. You can hover the element you want to edit and use the small toolbar that allows you to edit or delete the element. 2. Double click the element to open its editor. We recommend that before you start ...
How to identify an editable element
All elements are editable elements. You can change the text, the image, the font and more as you wish to better suit your brand. The easiest way to identify an editable element is to look for the purple dotted box when you are hovering with the ...