Customize sections and anchor links in Cloudbeds Websites

Purpose Add and reuse page sections and create anchor links in the Cloudbeds Websites Editor.
Best for Manager/GM and Admin users who edit a Cloudbeds Website.
Use this when You want to add a section, reuse an existing section, or create navigation to a specific part of a page.
Requirements A Cloudbeds Website open in the Cloudbeds Websites Editor.
Expected result You can add and reuse sections and create, link, edit, or delete anchors on your website.

Introduction

Use the Cloudbeds Websites Editor to add page sections, reuse existing sections, and create anchor links that send visitors directly to specific content on a page. This article covers the Editor 2.0 workflows confirmed for these customization tasks.

Site-wide design settings, advanced backgrounds, header behavior, and media management are covered in separate Cloudbeds Websites guides.

Table of contents

Add sections

Sections are content areas you can add to a page. In Editor 2.0, select + Add Section, then choose from Layouts, Designed, or AI-Generated options.

  1. Select + Add Section where you want to add content.
  2. Select the section option you want to use.

The section menu shows the available creation options.

Cloudbeds Websites Editor showing the Add Section button and Layouts, Designed, and AI-Generated section options.

Section option What happens next
Layouts Choose a layout for the new section.
Designed Browse the designed section options available in the editor.
AI-Generated Open the AI panel on the right side of the editor.

Choose a layout

Select Layouts, then choose one of the available section layouts. The layout selector displays the available column arrangements for the new section.

Cloudbeds Websites Add Section layout selector showing the available section layout arrangements.

Choose a designed section

Select Designed to browse the available section designs. Choose a section from the available categories, then use Create Section, Save Section, or Save & Add Another as shown in the editor.

The designed-section view includes section categories, available designs, preview controls, and the options to create or save the section.

Cloudbeds Websites section gallery showing Designed and Custom tabs, section categories, available designs, device preview controls, Create Section, Save and Add Another, and Save Section.

Use the AI-generated option

Select AI-Generated. The AI panel opens on the right side of the editor, where you can enter a request for a new section.

AI panel in the Cloudbeds Websites Editor showing suggested actions and a prompt field for creating a new section on the current page.

Copy and paste a section

Copy and paste lets you reuse an existing section instead of recreating it.

  1. Select the section you want to reuse.
  2. Open the section options and select Copy.

The section options menu includes the Copy action for the selected section.

Selected section in the Cloudbeds Websites Editor with the section options menu open and Copy highlighted.

  1. Open the section options where you want to reuse the section.
  2. Select Paste.

After a section has been copied, the section options menu includes the Paste action.

Selected section in the Cloudbeds Websites Editor with the section options menu open and Paste highlighted.

Anchor links send visitors directly to a specific section of a page. Use the workflows below to add an anchor, link content to an existing anchor, or edit or delete an anchor.

Add an anchor

Add an anchor to a section or widget that you want visitors to reach directly.

  1. Right-click the section or widget where you want to create the anchor.
  2. Select Set as Anchor.

The section options menu shows Set as Anchor before the anchor has been created.

Cloudbeds Websites section options menu showing Set as Anchor for the selected section.

  1. Enter the Anchor name.
  2. If you want the anchor available in the site's navigation, select Add this to the site's navigation.
  3. Select Add.

The Set as anchor window includes the anchor name field, site navigation option, and Add button.

Set as anchor window showing the Anchor name field, Add this to the site's navigation option, and Add button.

You can open the link settings from linked text or a button, or from a section's options.

  1. Open the link settings using one of these paths:
    • When adding a text or button link, select the Link icon.
    • Or, right-click a section and select Add Link.

When editing text, the Link icon appears in the text toolbar.

Cloudbeds Websites text editing toolbar with the Link icon highlighted.

From a section, you can also open the link settings by selecting Add Link from the section options.

Cloudbeds Websites section options menu showing Add Link for the selected section.

  1. Select Anchor.
  2. Select the Page.
  3. Select the Anchor.

The Add Link panel lets you select Anchor, then choose the page and anchor destination.

Cloudbeds Websites Add Link panel with Anchor selected and Page and Anchor dropdown fields visible.

Edit or delete an anchor

Use Edit Anchor when you need to rename an existing anchor or remove it.

  1. Right-click the widget or section that contains the anchor.
  2. Select Edit Anchor.

The section options menu shows Edit Anchor when an anchor already exists.

Cloudbeds Websites section options menu showing Edit Anchor for a section with an existing anchor.

  1. Edit the anchor name and select Update to save the change.
  2. To remove the anchor instead, select Delete anchor.

The Edit Anchor Point window includes the anchor name, Update, and Delete anchor controls.

Edit Anchor Point window showing the anchor name field, Update button, and Delete anchor option.


Now that you can work with sections and anchor links in the Cloudbeds Websites Editor, use these guides for site-wide styling, header configuration, and media management:

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.