Pages and Popups

The Pages and Popups section is a major part of your site.

  • Pages allows you to reorder, manage and create new pages in your site. Organize your site's widgets by using multiple pages to improve your visitors' experience and increases the chance that they will find the information they need.
  • Popups allows you to add new popups to your site. Popups are a type of small window that appears in a web page. Popups can be set up to appear when clicked as a link or automatically as an action from a personalization rule. Use popups to grab user's attention or provide information without having to change pages.
Note

You can create a maximum of 1000 site pages and popups, and 1500 blog pages. Dynamic pages do not count towards the page count.

To access pages and popups, in the left panel, click Pages.

Pages

Add Pages

To add new pages to your site:

  1. In the left panel, click Pages.
  2. Click + New Page
  3. Select a page type. Page templates are pre-populated with relevant widgets. The Page URL page type links the page to another URL instead of creating a new page. Selecting a dynamic page template automatically adds a connected Internal Collection.
  4. Type a title for your new page, and a URL, if necessary.
  5. Click + Add Page and start creating your new page.

Reorganize Pages

To reorganize the order pages display on your site:

  1. In the side panel, click Pages.
  2. Click and drag a page to move it where you want it to appear in order.
  3. Drag a page slightly to the right to nests the page as a sub-page of the page above. For more information about folders, see Add a Navigation Folder.
Note

Navigation can have up to 3 levels.

Page Settings

Access page settings by clicking the settings () icon next to each page. You have the following options:

  • Rename. Rename the page in the editor.
    Note

    This does not change the page URL.

  • Hide in navigation. Make the page hidden on the navigation menu. It will still be visitable by the direct URL.
  • Duplicate. Creates an exact copy of the page.
  • Lock for Client editing. Lock pages so clients can only view, not edit or delete.
  • Publish page. Publish changes on a single page. For more information, see Publish a Single Page.
  • Page URL. Customize the URL for the page.
  • SEO. Access all the SEO settings for the page. For more information, see the SEO section.
  • Set Access. Set a password for the page or configure the page for members only. For more information, see Password Protected Pages.
  • Convert to Dynamic Page. Click to convert the page to a dynamic page. Select a collection, and click Done.
  • Set as a draft. Set a page as a draft when you do not want it to be searchable or on the live site. For more information, see the Set as a draft section.
  • Delete.

SEO

Search engine optimization (SEO) is the process of improving the visibility of a site or a web page in a search engine's un-paid search results. Sometimes this is called "natural" or "organic" traffic. We recommend adding SEO information (title and descriptions) on the page level, so each page can have a unique title and description. This is more beneficial than having one title and description shared across the entire site.

Note

For information on the overall site's SEO (as opposed to a single page), see Site SEO Settings.

On a page’s SEO screen, the following options are available:

  • Set page to no index. Tell search engines not to crawl this page so it won’t appear in search results. Draft pages are set to no index by default. See Prevent Search Engines from Indexing a Page.

  • Page meta title. This is the text that appears on SERP results, browser tabs and when sharing this page on social media. Use AI to assist in generating the title.

  • Page meta description. The meta description appears in SERP results. Use AI to assist in generating the description.

  • Page keyword. Search engines no longer take entered keywords into consideration when ranking websites, so these are optional.

You can also edit the header HTML for that page only.

Warning

Consent management apps are not able to prevent code from running prior to consent when the code is placed in the header HTML. This is because Website Builder optimizes the structure and order of how content loads, based on performance best practices on the site. We place scripts and CMP banners lower on the page, in order to improve the performance of primary content. Because of this, it is recommended to place code in the body-end when using a consent management app.

Prevent Search Engines from Indexing a Page

For maximum SEO benefits, all pages of your site are discoverable by search engines. However, if you would like to instruct search engines to drop or not include this page in their index after they crawl the page, you can do that in the page settings.

  1. In the left panel, click Pages.
  2. Click the settings () icon for the specific page.
  3. Click SEO.
  4. Click the No Index toggle. This instructs search engines to drop or not include this page in their index after they crawl the page.

This action will only affect a single page. You will need to mark this setting for each page you do not want to be indexed.

Note
  • If this page was previously indexed, this change will take several weeks for search engines to update and remove the page.
  • This setting adds the <meta name="robots" content="noindex"> tag into the head of the page for search engines to read.

Set as a draft

Set a page as a draft when you do not want it to be searchable or on the live site. Once the site is published or republished it will not exist on the live site.

To set a page as a draft:

  1. In the left panel, click Pages.

  2. Click the settings () icon for the specific page.

  3. Click Set as a draft. If the page is in the navigation, it will be removed.

  4. Click Republish to remove the page from the live site.

To "un-draft" a page:

  1. In the left panel, click Pages.

  2. Click the settings () icon for the specific page.

  3. Click Stage draft for publish. It will be added back to the navigation.

  4. Click Republish to add the page to the live site.

Note

  • The home page, external-link pages, and folders cannot be drafted.

  • After setting a page as a draft, the draft icon will appear next to a drafted page in page pickers and selectors (link pickers, the page drop down selector in the top tool bar, and membership).

  • If a main navigation item with sub-pages is Set as a draft, the sub-pages will no longer be accessible in the navigation.

Note

Multi-language sites:

  • When drafting a page in the default language, the page will be drafted in the additional languages as well.

  • The same page cannot be added to the next publish until the page in the default language is added to the next publish as well.

  • Pages in the additional languages can be drafted without depending on the default language’s status.

Popups

Note

Popups are not supported on multi-language sites.

Add Popups

To add popups:

  1. In the left panel, click Pages, and then click the Popups tab.
  2. Click + New Popup.
  3. Select a popup type. The popup type pre-populates the popup with widgets.
  4. Type a name for your popup, and click + Add Popup.

Activate Popups

Unlike a page generated in the navigation automatically, a popup can only be triggered by being clicked as a link or by using a site personalization rule.

Link to a Popup

There are several widgets that allow you to link to a popup, such as Photo Gallery image links, text, and buttons.

To link to a popup:

  1. Right-click the widget that you want to link to the popup from, then select Edit content. Alternatively, if you are linking from text, highlight the desired text and click the link icon in the text editing menu.

  2. Click Popup, then select which popup you want to link to from the dropdown menu.

Use Personalization Rules to Condition a Popup

You can create a popup using site personalization or set personalization rules for an existing popup. Personalization rules can include what triggers the popup to appear, how quickly the popup appears on the screen, and more.

To learn how to create personalization rules, see Personalization Rules.

Note
  • Popup triggers only occur once per session. A session is any activity on the site and remains active until at least 30-60 minutes have passed.
  • To see your personalization rule in action, try 1) clearing your cookies and cache, 2) using another browser, or 3) waiting until the time has expired.
  • This information is specific to the Classic Editor, and not relevant for Editor 2.0.

Close Popups

By default, the X button can be clicked to close a popup. You can also add a "Close popup" link to any linkable element in the popup that will close the popup when clicked. For example, you could add the close link to a button that says "No thanks" on a popup that is offering a coupon code. When the website visitor clicks the No thanks button, it will close the popup.

To add a close link:

  1. In the side panel, click Pages.

  2. Click the Popup tab and open the desired popup.

  3. Click any linkable element in the popup and select Close Popup as the link.

Edit Popups

A popup is very similar to a page. You can add new rows, columns and insert any widget into a popup. To adjust the size of the popup, drag the bottom right corner.

Popup Settings

To edit the settings for a popup:

  1. In the left panel, click Pages, and then click the Popups tab.
  2. Click the settings () icon for specific popup. You have the following options:
    • Rename. Rename the popup in the editor.

      • Note

      This does not change the page URL.

    • Duplicate. Creates an exact copy of the popup.
    • Delete. Deletes the popup. This action is irreversible unless you have a backup.