Skip to content
  • There are no suggestions because the search field is empty.

Resi V2: How to Connect a Resi Content Block to the Website Builder

How to take a content block you've created in Resi and map it to a visible section on your property website using the Website Builder.

Before You Start

Applies to: Resi V2 only. Prerequisite: You must have already created the content block in Resi. See How to Create a New Content Block (V2) →
Important: Never change the Website Connection Key field inside a content block. This key maps the block to the website — editing it will break the connection entirely.

Step 1 — Refresh the Website's Content Data

Before the Builder can see your new block, the website needs to pull the latest data from Resi.

  1. From the property in Resi, click Log into WordPress in Quick Links.
  2. In WordPress Admin, go to Resi Settings.
  3. Click Refresh Property Data.
  4. Wait approximately 60 seconds for the queue to process.

    💡 Power users: you can monitor progress under Tools → Scheduled Actions. When pending items clear, the data is refreshed.


Step 2 — Open the Builder and Navigate to the Page

  1. In WordPress > Builder, go to Pages.
  2. Find the page you want to add the section to and click Edit.
  3. Click Launch Builder (or the Builder edit button).
  4. In the Builder, find the right location on the page.

    💡 Hover over section names in the left panel to see them highlighted in the right preview. Or hover over any section in the live preview to reveal the pencil/edit icon — clicking this jumps you directly to that section in the Builder.


Step 3 — Create a New Section

  1. Click + Add Section at the point on the page where your new content should appear.
  2. Give the section an internal label matching your naming convention (e.g., home/specials).
  3. Click + in the center of the section to add an element.
  4. Choose Panel — the most commonly used element type, supporting an image, title, meta text, and body content.


Step 4 — Connect the Resi Content Block

  1. Click into the element you just added.
  2. Go to the Advanced tab.
  3. Scroll down to Resi Content Blocks.
  4. Click the Resi Content Blocks toggle to enable it.
  5. A Content Block dropdown will appear — select your newly created block from the list.
  6. Switch back to the Content tab.
  7. You'll see the available fields now map directly to your Resi content block. Select which fields to display (Title, Text, Image, CTA, etc.) by toggling or linking each one.


Step 5 — Style and Publish

  1. Adjust alignment, color, padding, and style from the element and section options.
  2. Use the responsive preview icons at the bottom of the Builder (Desktop → Tablet → Mobile) to check how it looks across devices.
  3. Click Save in the Builder.
  4. Back in Resi, click Clear Website Cache on the property.
  5. Wait 60–90 seconds, then hard-refresh the live site to confirm the new section is displaying correctly.


Common Mistakes to Avoid

  • Skipping the Refresh Property Data step — your new block won't appear in the Builder dropdown until the site has pulled the latest data from Resi.
  • Changing the Website Connection Key inside a content block in Resi — this will break the mapping entirely. This field should never be edited.
  • Not checking responsiveness before publishing — use the mobile/tablet preview in the Builder before clearing the cache.
  • Adding a section without connecting a Resi block — the section will appear empty on the live site. Always link a content block in the Advanced tab.


Troubleshooting

Problem

Solution

My new content block doesn't appear in the Builder dropdown

Refresh Property Data in WordPress Resi Settings and wait ~60 seconds.

The section is blank on the live site

Check that a content block is connected in the Advanced tab and that the fields (Title, Text, etc.) are mapped in the Content tab.

Content is showing in the Builder preview but not live

Clear Website Cache in Resi and wait 60–90 seconds. Hard-refresh the browser.

The section looks broken on mobile

Use the mobile preview in the Builder to check and adjust spacing, padding, and font sizes for smaller screens.


Related Articles


Still Need Help?

Submit a support ticket →