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 s 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.
To access pages and popups, in the left panel, click Pages.
Pages
Add Pages
To add new pages to your site:
- In the left panel, click Pages.
- Click + New Page
- Select a page type or the Page Builder option. Page templates are pre-populated with relevant s. 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.
- Type a title for your new page, and a URL, if necessary.
- Click + Add Page and start creating your new page.
Page Builder
The page builder allows you to plan the layout before finalizing the page’s design.
To use the page builder:
In the side panel, click Pages, then click +Add Page.
Select Page Builder. This opens Page Mode.
In the side panel, a list of sections and types are displayed. Click the desired section to add it to your page.
You can click +Add section to add up to 50 sections.
In the floating menu, use the up and down arrows to reorder sections or click the trash can icon to delete a section.
To replace a section, click to select the section, then select a new section from the side panel.
At the top of the page, click the pencil icon to edit the name of the page.
When you are done editing, click Save for Later or Add Page to Site. If you click Save for Later, the page will be saved in the Pages menu under Pages in Progress.
If you need to delete the entire page, click the trash can icon in the top bar. This cannot be undone.
Reorganize Pages
To reorganize the order pages display on your site:
- In the side panel, click Pages.
- Click and drag a page to move it where you want it to appear in order.
- 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.
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.
- 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.
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.
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.
- In the left panel, click Pages.
- Click the settings () icon for the specific page.
- Click SEO.
- 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.
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:
In the left panel, click Pages.
Click the settings () icon for the specific page.
Click Set as a draft. If the page is in the navigation, it will be removed.
Click Republish to remove the page from the live site.
To "un-draft" a page:
In the left panel, click Pages.
Click the settings () icon for the specific page.
Click Stage draft for publish. It will be added back to the navigation.
Click Republish to add the page to the live site.
Popups
Add Popups
- In the left panel, click Pages, and then click the Popups tab.
- Click + New Popup.
- Select a popup type. The popup type pre-populates the popup with s.
- 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
s that allow you to link to a popup, such as Photo Gallery image links, text, and buttons.To link to a popup:
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.
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.
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:
In the side panel, click Pages.
Click the Popup tab and open the desired popup.
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
into a popup. To adjust the size of the popup, drag the bottom right corner.Popup Settings
To edit the settings for a popup:
- In the left panel, click Pages, and then click the Popups tab.
- Click the settings () icon for specific popup. You have the following options:
-
Rename. Rename the popup in the editor.
- Duplicate. Creates an exact copy of the popup.
- Delete. Deletes the popup. This action is irreversible unless you have a backup.
-
Rename. Rename the popup in the editor.