Skip to main content

Page builder

The Page Builder is a visual tool that lets you create pages inside your platform easily, with no technical skills. You can build a landing page, an about page or any other kind of page, with an attractive and effective design. Only the platform owner can use this tool.

Open the page builder​

  1. From your platform dashboard, go to the Pages section.

    The Pages section in the dashboard side menu

  2. Choose Page Builder from the side menu.

    The Page Builder option inside the Pages section

You are taken to the builder, where you can:

  • Create a new page.
  • Choose the sections.
  • Edit the content and reorder the elements easily.
  • Add images to the image library.

The builder with the three-dot menu (1) and the side menu (2)

Page settings​

You control the page settings from the three-dot menu, shown at number (1) in the image. From this menu you can:

  • Edit settings.
  • Preview page.
  • Copy URL.
  • Clone page.

The three-dot menu with the Edit settings option

From the Main tab you can change:

  • Title: the name of the page.
  • Path: the page link (URL).
  • Visible: show or hide the page.

The Main tab with the Title, Path and Visible fields

From the SEO tab you can set up the indexing data and improve how your page shows in search results.

The SEO tab in the page settings

The side menu​

The side menu lets you manage pages, organize sections and manage images, shown at number (2) in the image.

The side menu in the builder (2)

List of pages​

From the List of pages you can:

  • Edit the pages you created with the page builder.
  • Create new pages.
  • Delete pages you do not need, from the three-dot menu next to each page. You cannot delete the home page.

The list of pages and the New page button

To create a new page:

  1. Click New page.

  2. In the Main tab:

    • Enter the page name and its path.
    • Choose whether the page is shown or hidden.

  3. In the SEO tab, enter the SEO and indexing details of the page.

  4. Click Create page to finish.

    The new page window and the Create page button

Organize sections​

From Organize sections you can:

  • Add a new section.
  • Reorder sections by drag and drop.
  • Delete sections.

The Organize sections panel and the Add a new section button

To add a new section, click Add a new section, then choose the section and the design that fits it best.

The list of section types you can add

To reorder or delete sections:

  • To delete a section, use the trash icon.
  • To reorder sections, drag a section by the dots on its left side and drop it where you want.

Page sections in the Organize sections panel with the trash icon

List of images​

To upload new images, click Upload images. You can then use these images in any section or page.

The images icon in the side menu

Manage page sections with the control icons​

  • Plus icon: add a new section.
  • Pen icon: edit the section content.
  • Trash icon: delete the section.
  • Arrow icons: change the order of the section.

A page section with the plus, pen, trash and arrow icons

Note

When you choose the Link option, you see three options to pick the type of link you want to use.

1. Page (internal page)​

Best for:

  • Linking between pages you created with the page builder.
  • Keeping links in line with the site language (for example, English or Arabic). The site then sends the user to the right link for the current site language.

How to use it:

  • Choose the page you want to link to from the drop-down list (pages built with the page builder).
  • You can choose a specific section of the page, so the link opens right at that section.

The Page tab in the link window

Best for:

  • Adding external links, such as another website, a PDF file or a link that is not in the page builder.

How to use it:

  • Type the link yourself (for example: https://example.com).
tip

Make sure the link is correct and starts with http:// or https://.

The Url tab in the link window

Best for:

  • Creating links that open a window to send an email.

How to use it:

  • Enter the email address (for example: info@email.com).

The Email tab in the link window

Save, publish and preview the page​

Your changes are saved automatically as a draft while you work, and visitors of your platform do not see them until you publish. When you finish the design and content, click Publish page at the top of the builder.

To preview the page, click the three dots next to the page name, choose Preview page, then choose Draft version to see your latest changes, or Live version to see what visitors see.

The Save and Preview site buttons at the top of the builder

The platform home page​

The default home page in the page builder (Home) becomes the home page of your platform when the Visible option is turned on.

The Home page settings with the Visible option turned on

You can create a separate English page with a different design from the Arabic version. To design the English version, choose English from the language menu at the top of the builder.

To open the settings of the page you are working on, click the three dots next to the page name, then choose Edit settings.

Opening the Home page settings from the three-dot menu

Video guide​

Watch the video for more details on creating a page.