Skip to Content
RhythmHelp Center
/

Available Documentation

  • Platform
  • CRM
  • Portals
  • Security & Settings
  • Accreditation
  • Membership
  • Finance & Billing
  • Orders & Inventory
  • Events
  • Certifications
  • Awards
  • Careers
  • Fundraising
  • Integrations
  • Sponsorships
  • Submissions

Coming Later

  • DocumentsComing Soon
Portals
  • Overview

Subjects

  • Concepts
  • Get Started
  • Tasks
  • Portal
  • Configure
    • Overview
    • Header and Footer Markup, Script Tags, and Stylesheet Tags
    • Create, Edit, and Delete a Site
    • Design a Page and Place Widgets in the Visual Designer
    • Design Custom Components
    • Design Page Templates
    • Restrict an Event Microsite with Event Permissions
    • Install Portal Features Into a Site
    • Restrict a Page or Menu Item
    • View All Articles
  • Reference
  • Troubleshooting
  1. Home
  2. Portals
  3. Configure

Design a Page and Place Widgets in the Visual Designer

page designer ‧ visual designer ‧ drag and drop ‧ build a page ‧ place a widget ‧ insert an image ‧ canvas ‧ save changes ‧ clear canvas ‧ lock in pages ‧ GrapesJS ‧ link component ‧ clickable image ‧ clickable button ‧ add a url to a button ‧ membership overview update my profile ‧ member status overview sidebar links ‧ store widget store id

On This Page
  • What It Controls
  • Where to Find It
  • Building the Page
  • Inserting Images

The page designer is where you build page content by dragging blocks onto a canvas. It uses the same visual designer as page templates, with tools focused on finished pages. When you open the designer, it loads the page’s existing design, or its starting template if you have not designed the page yet.

What It Controls ​

The page designer controls the page’s working copy, which staff can view and keep editing. Visitors see a separate published copy, so your edits do not affect the live page until you publish them. Text, images, layout blocks, and widgets from other applications stay in the working copy until you save.

Where to Find It ​

Open Portals & Microsites › Pages, select the page you want to edit, and choose its Edit icon. The page opens in the designer at Portals & Microsites › Pages › Edit. When you create a new page from a starting template, Rhythm opens it here automatically.

Prerequisites

  • You need permission to edit pages. If the designer does not open, ask your administrator.
  • Select the page’s own site in the Console before you open the designer. The designer builds its widget lists, including menus, pages, images, and stylesheets, from the site currently selected in the Console. If you open a page from a bookmark or from another site’s menu, widget settings may show choices from the wrong site. Switch to the page’s site first.

Building the Page ​

The canvas includes a block panel and a page area. Drag a block onto the page to add it:

  • Basic blocks: text, images, links, video, a countdown, and a free-form custom code block. If a provider’s video does not play when you enter its source directly in the video block, paste the provider’s full embed code into the custom code block instead.
  • Layout blocks: columns, containers, cards, spacers, and buttons that help you arrange content responsively.
  • Other applications' widgets: building blocks provided by other Rhythm applications, such as an event registration form or a directory listing. These appear in their own categories in the block panel, alongside the basic and layout blocks.
  • Your organization's custom components, if any have been created, appear as placeholder boxes that you can drag and configure like any other block.

A Placeholder block belongs in page templates, where it marks the area for a page’s own content. If you drop one directly on a page, it does not do anything by itself.

Some widgets ask you to choose one of the site’s pages or menus in their settings. The designer loads that list when it opens, so a page or menu you created moments ago in another browser tab will not appear until you reopen the designer.

Tip

Widgets show the underlying transaction or record, but they do not always explain it. If visitors are confused by how figures are presented, such as how invoice items are broken down on a payment page, drag a plain text block next to the widget and add your own explanation.

Tip

If a built-in widget, such as the standard pricing page, shows more options than you want members to see and there is no setting to hide specific ones, consider turning that page off and building your own page with the pricing content you want to control. If visibility needs to be restricted further than a portal page can manage, handling it in Console may work better than the standard page.

Inserting Images ​

  1. Make your changes on the canvas. About a second after you stop editing, the designer marks the page as having pending changes.
  2. Select Save Changes in the toolbar.

Result

Related ​

  • Design Page Templates
  • Control Access to Pages, Menu Items, and the Pages and Menus Screens
  • Find, Review, and Delete Pages and Menus

Continue in This Subject

PreviousCreate, Edit, and Delete a SiteNext Design Custom Components

Related Articles

  • Design Page Templates

    How to lay out a page template in the visual designer, mark where each page's own content goes, and preview the template on a real site before pages use it.

  • Control Access to Pages, Menu Items, and the Pages and Menus Screens

    How to set a page's access level, restrict a page or menu item further with security policies, and understand the permissions that open the Pages and Menus screens.

  • Find, Review, and Delete Pages and Menus

    Where to see every page and menu of the site you are working in, how to filter the list, and what happens when you delete a page or a menu.

  • Upload and Replace a File Asset

    Upload an image or document into your asset library so your sites can use it right away, copy a shareable link to it, and later replace the file without editing every page that uses it.

On This Page

  • What It Controls
  • Where to Find It
  • Building the Page
  • Inserting Images
Rhythm Help Center© Rhythm Software

Search article titles, settings, tasks, and troubleshooting topics. Press Enter to see results.

Browse Platform Documentation