Skip to main content

Curating in PageBuilder Editor

Use the PageBuilder Editor dashboard to configure, curate, and publish pages and templates for your site.

The PageBuilder Editor dashboard includes:

  • Static components that show how your draft looks during curation.

  • Workspaces (accessible from the left icon menu), where you make editorial decisions about layout and content sources. For more details, see Managing your workspaces.

Most of your work in the PageBuilder Editor is in the Curate workspace, where you build your draft pages and templates using Arc XP's foundational elements: blocks and chains.

  • Blocks are your page's building components. Every element on a page, including stories, titles, video playlists, and navigation bars, is a block.

    As a content creator, you can add, arrange, configure, and link blocks to manage your website content effectively.

  • Chains are wrappers for a group of blocks, helping you organize and structure content on a page. Chains can contain only blocks, not other chains.

    You can move blocks within a chain by dragging, dropping, and moving entire chains preceding or following others.

Scenario: Curating a page for special coverage

As a content editor, you must create a new page for special coverage. To do so, enter PageBuilder Editor and create a new page following the Managing pages guide.

After creating the page, in the Curate workspace and using the Blocks card, you select a chain that includes a heading, a photo gallery, and an article for your main section. You also select the RSS Feed block so the page shows constantly updated content in the right-rail section.

You also select the global footer block to display in the page's footer section.

You also set a Global content feed, where you set the source from where the system fetches the content, for example, content-api.

After previewing all the changes in the Editor preview, you share the draft and publish it, making it available to other content editors working on special coverages, such as a gala or an election.

Procedures

Visualizing your draft

PageBuilder Editor's static components help you see how your draft page or template looks during creation.

To set up your draft view:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. In the Editor Tool Bar, located at the top of the page, set the following values:

    • Website - select your website. In a single-site organization, this option is not clickable.

    • Output Type - define the HTML wrapping for different formats, like desktop and mobile web views.

    • Device - preview how your content displays on different screen sizes, such as an iPhone or a Samsung Galaxy device.

    • Preview Published Page - open a window showing your draft appearance when published.

    • Reload Page- refresh the Editor Preview panel with your latest changes.

    • Focus - hide or reveal the Status card by clicking the X-shaped arrows icon.

    • Help - open the contextual help menu by clicking the question mark icon ?

  3. Use the Workspaces Bar on the left to switch between workspaces. See Managing your workspaces for more details.

  4. Use the Status card—beside the Workspaces bar—for up-to-date information:

    • Published - when you published the page.

    • Shared Draft - when you shared your draft.

    • My Draft- when you updated the draft

  5. Use the Editor Preview, on the right side of your screen, to see your draft's updates as you modify your content. The Editor Preview does not show ads.

  6. Click Share Edits in the Status card to save changes to your draft. This process makes them visible to other PageBuilder Editor users through the Shared Draft option, without publishing the page.

  7. Click Use Shared to undo all changes on your draft, reverting to the Shared Draft version.

Managing your workspaces

PageBuilder Editor workspaces let you configure, curate, publish, and evaluate a page within the same PageBuilder Editor interface.

Reviewing your icon_Info.png Info workspace

Use the icon_Info.png Info workspace to review your draft history and location.

To access the Info workspace, complete these steps:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. Click the Info workspace icon icon_Info.png to see:

    • Websites - shows the websites where your page is available.

    • Page Preview - shows the unique path identifying where your page lives on your website.

    • Page History - shows the publishing details of your page.

Managing your icon_setup.png Setup workspace

Use the icon_setup.png Setup workspace to define your page's layout and metadata.

To access the Setup workspace, complete these steps:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. Click the Setup workspace icon icon_setup.png.

  3. In the Layout card, select an arrangement of the elements on your page. Your organization predefines these layouts.

  4. In the Page Metadata card, create key-value pairs, where the key represents the metadata field name and the value contains the desired content.

    Adding proper metadata boosts your SEO rankings, enables social media previews, helps organize your content library, enables targeted advertising, and maintains consistent display standards.

  5. Click Share Edits when you finish.

Using the icon_curate_workspace.png Curate workspace

Use the icon_curate_workspace.png Curate workspace to create, modify, and test your pages and templates before publishing.

The Curate workspace is the default view and gets you access to the following cards:

  • Blocks - shows your page's different Layout zones, like the navigation_bar or footer, and their blocks and chains. Hover over a block or chain name to highlight it in the Editor Preview.

  • Global Content - lets you select the content source to fill your page components, whether Arc XP's internal APIs or external third-party sources.

The following procedures guide you through the content curation processes.

Adding blocks to a page

To add blocks to your page, complete these steps:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. In the Blocks card, click + Add block. The Add block panel opens, showing four tabs:

    • icon_blocks.png Blocks - shows a library of blocks from your organization's Feature bundle.

    • icon_chains.png Chains - shows a library of chains from your organization's Feature bundle.

    • icon_linking.png Linking - lists the linkable blocks and chains from other pages.

    • icon_clipboard.png Clipboard - lists your saved blocks and chains.

  3. Select the block you want to add. The Block Details panel opens.

  4. Configure the block's custom fields and settings. The block updates automatically.

  5. In the Blocks card, drag and drop blocks to reposition them.

  6. Click the ellipsis icon ellipsis_icon_pbe.png next to each block to access these options:

    • Rename - allows you to change the block name.

    • Clone - creates a copy of the block.

    • Remove - deletes the selected block from the Block card.

    • Unchain - removes blocks from a chain. This option is only available if you added a chain to your layout.

    • Change Type - opens the block panel, allowing you to select a different block type.

    • Copy direct link - creates a linkable reference to this block, which you can link to another page.

    • Create Variant - creates a different version for content testing. For more details, see Creating content tests with Bandito. This option is only available if your organization has content testing enabled.

    • Create Chain - groups and organizes blocks. To configure a chain, see the Adding chains to a page procedure.

    • Add To Clipboard - copies the block to the Clipboard.

    • Add block below - opens the Add block panel, allowing you to choose another block and place it after the selected one.

  7. Preview your changes in the Editor Preview.

  8. Click Share Edits when you finish.

Adding chains to a page

To add chains to your page, complete these steps:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. In the Blocks card, locate one that is not already in a chain.

  3. Click the ellipsis icon ellipsis_icon_pbe.png > Create Chain. The system automatically creates a new chain.

    Arc XP provides the following pre-built chain types:

    • Single Chain - places blocks in a single column.

    • Double Chain - arranges the blocks in two equal columns.

    • Triple Chain - arranges blocks in three equal columns.

    • Quad Chain - arranges blocks in four equal columns.

      Tip

      Use the Chain Configurations card to define the number of blocks for each column using the Features per Row drop-downs.

  4. Click the ellipsis icon ellipsis_icon_pbe.png > Add block to Chain. The Add block panel opens to select blocks for your chain.

  5. Repeat step 4 to add all needed blocks.

  6. Click Share Edits when you finish.

Linking a block

Use the Linking feature to reuse blocks or chains configured on a different page or template.

When you link a block or chain, you create a parent-child relationship. The parent page is the primary owner of the block content, while the child page pulls it from the parent's.

If you make changes to the parent block, your changes get automatically reflected in child pages; if you change the block linked on a child page, the parent block's configuration overwrites them.

Important

You must publish the parent page containing the original block before other pages can link to it.

You can create two types of linked blocks:

  • Linkable block - a block on a page that you can link to another page or template.

  • Linked block - a block on a page already linked to a linkable block.

Complete the following to link a block:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. In the Block card, click the one you want to link to open the Block Details panel.

  3. In the Linking card, toggle off the Link to another block option.

  4. Define a Link ID using a unique identifier to make the block linkable.

  5. Choose a page from the Link to Page drop-down.

  6. Click Share Edits when you finish editing.

  7. Click the Publish workspace icon icon_publish_workspace.png. The Publish panel opens.

  8. Click Share & Publish to publish the page.

Alternatively, add a linkable block using the Linking icon icon_linking.png on the + Add block panel:

  1. From the Curate workspace, in the Blocks card, click + Add block.

  2. Click the Linking icon icon_linking.png. The Linking panel opens.

  3. Select the Type of component you want to link: Block or Chain.

  4. Choose a site from the Sites drop-down to retrieve your linkable component.

    If your organization has only one site, that site is the only available option in the filter. If you have multiple sites, the All Sites option is the default.

  5. Choose a page from the Pages drop-down. The system displays a list of the available linkable blocks you can add to your page.

  6. Click Share Edits when you finish editing.

  7. Click the Publish workspace icon icon_publish_workspace.png. The Publish panel opens.

  8. Click Share & Publish to publish the page.

Defining a content source

Use the Global Content card in the Curate workspace to select the content source for your page. The content source can be an Arc XP API or an external third-party source.

To select a content source, complete these steps:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. Select a Content Source from the drop-down menu in the Global Content card.

  3. Fill in the necessary parameters based on your selected content source.

  4. Click Update. The system uses this content source to fill your page components after publication.

Managing the icon_optimize.png Optimize workspace

Use the icon_optimize.png Optimize workspace in PageBuilder Editor to perform all Audience Targeting-related activities.

Important

The icon_optimize.png Optimize workspace is available only if your organization has Audience Targeting provisioned. To learn more, see Audience Targeting.

Using the icon_publish_workspace.png Publish workspace

Use the icon_publish_workspace.png Publish workspace to make your draft content available to your team and users.

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. Click the Publish workspace icon icon_publish_workspace.png. The Draft Options and Summary of All Changes cards display under the Status card.

  3. In the Draft Options, select the publishing workflow you prefer from the following:

    • Merged Draft tab (default) - shows how your edits—My Draft—integrate with the server-level shared version—Shared Draft.

      From this publishing workflow, select the following actions:

      • Share & Publish - applies your changes to the shared version and publishes in one step.

      • Edit Merged Draft - applies changes from the shared version to your draft and allows you to continue editing.

      • Unpublish Page - takes the page offline.

    • Use My Draft tab - replaces the shared version with your edits.

      From this publishing workflow, select one of the following actions:

      • Publish Draft - publishes your draft without updating the shared version, which is helpful for quick critical fixes.

      • Use Published Draft - lets you select a previously published draft to replace your draft.

  4. View the Summary of All Changes to see real-time information about publish-related actions.

Using the icon_analyze.png Analyze workspace

Use the icon_analyze.png Analyze workspace to view your integrated content analytics within the PageBuilder Editor dashboard. These analytics allow you to spot key web metrics of your pages.

Important

To access the Analyze workspace, you must:

To access the Analyze workspace:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. Click the Analyze workspace icon icon_analyze.png. The system fetches data from your analytics providers and displays the results in Data tiles.

Integrated content analytics supports Chartbeat analytics and Google Analytics (GA4) metrics.

Chartbeat analytics metrics

Chartbeat analytics provides the following metrics, updated every 15 seconds:

  • Time spent - measures how many seconds visitors spend on your page.

  • Referrers - identifies the top three traffic sources to your page, categorized as:

    • Internal - visitors who navigate from another page on your site.

    • Direct - visitors who access your page by typing its URL or using bookmarks.

    • Link - visitors who arrived directly through external websites or blogs.

    • Search - visitors who discover your page through search engines like Google, Bing, or Yahoo.

    • Social - visitors who connect through platforms like Facebook, Twitter, Pinterest, or Reddit.

  • Geography by country - shows the top three countries where your visitors originate.

  • Geography by city - shows the top three cities where your visitors are located.

  • Engage time - tracks the average seconds visitors interact with your page through scrolling, clicking, or typing.

  • Engaged visits - counts visitors interacting with your content through scrolls, clicks, mouse movements, touch events, and keystrokes.

To learn more about Chartbeat's Real-Time API and engagement tracking methodology, see Chartbeat's API Documentation and User Engagement Tracking Methodology pages.

Google Analytics metrics

Google Analytics (GA4) displays the following metrics for the past 24 hours, updated daily at 12:00 AM:

  • Page view - shows how many times visitors view your webpage.

  • Engagement rate - displays the percentage of engaged sessions on your page. Google Analytics considers a session "engaged" when it meets any of these criteria: lasts longer than 10 seconds, includes a conversion event, or contains two or more screen views. The engagement rate results from dividing your engaged sessions by total sessions.

  • Device category - identifies the top three device types your visitors use to access your content.

  • Percent page scrolled - measures how many users scroll to specific depths on your page (10%, 25%, 50%, 75%, 90%, and 100%).

    To access this metric, you must set up a scroll_depth custom dimension in your organization's Google Analytics. Learn more in the How to set up Google Analytics percent scrolled dimension guide.How to set up Google Analytics percent scrolled dimension

Managing the icon_task.png Task workspace

Use the icon_task.png Tasks workspace in PageBuilder Editor to create and manage page-related tasks.

To create and manage tasks within the Task workspace, complete these steps:

  1. Go to PageBuilder Editor > Pages > select your page. The PageBuilder Editor dashboard opens.

  2. Click the Tasks workspace icon icon_task.png. The Task card opens.

  3. Click + Create Task. The Create new task panel opens.

  4. Select a Task Template.

  5. Complete the required fields.

  6. Click Create task.

PageBuilder creates and tracks a new task in WebSked associated with that page. To learn more, see WebSked.

In this section: