AP+ Office Page Block - Multi Office Support

The AP+ Office Page block allows you to display multiple offices in a clean, configurable format. Here's how to add and configure it within a page section.

Note: Before using this block, please ensure the following is completed:

• All relevant office IDs must be added to the back end of WordPress. 

• These office IDs must be synced with the CRM and Property Hub.

• This setup is handled by the configuration team.

• Make sure:

  • Office IDs are enabled.

  • Feeds for the offices are active and mapped correctly.

If this is not done first, the AP+ Office Page block will not populate any content. Please contact your point of contact at Reapit to arrange this.

Adding the AP+ Office Page Block 

1. To insert the block into your page layout, navigate to the section where you would like to add the block.

2.  Click on the + add block icon, which will appear in a few locations.

• Hovering between the two sections until the + sign appears.
• Use the top left + icon next to the logo.
• Click the 3-dot menu on an existing block and choose Add Before/ Add After.

3. Select AP+ Office Page from the list.
 

4. A list of office entries will appear automatically in the block.

5. Selecting Layout Settings under the Block Settings will give you the following options: 

• Layout: Choose between:

  • Default - list format

  • Cover - thumbnail-style cards with office images

• Columns: Adjust number of columns (ideal for multiple offices)

• Gap: Set spacing between office entries

• Justification: Align content left, center, or right

• Contact Link Style:

  • Default - standard text links

  • Button - styled like buttons (not clickable)

6. Selecting Control Settings under the Block Settings will give you the following options: 

• Number of Items: Set how many office entries to show

• Enable/Disable:

  • Office image

  • Office address

  • Phone number

  • Contact info

If Office Image is enabled: 

• Image Aspect Ratio: Adjust the shape of the office image

• Select Image source

7. Selecting Parameter Settings under the Block Settings will give you the following options:

• Pagination Layout:

  • Default (arrow navigation)

  • Numbers

  • Control sorting via sorting field (A-Z, or Z-A)

• Pagination Type:

  • Default

  • Icon only

  • Text only

• Set Pagination Icon: Choose from available icon styles

• Button Roundness: Make pagination buttons rounded (optional)

8. Selecting the Styles Tab will allow for appearance customisation on the following options:

• Colors:

  • Text.

  • Background.

  • Headings.

  • Office name.

  • Pagination icon (background, text, border).

• Spacing:

  • Padding.

  • Gaps between elements.

• Borders:

  • Border width & color.

  • Radius (for curved edges).

• Effects:

  • Choose from visual effect styles.

  • Image roundness (for office images)

9. Once all changes have been made, click Save to apply.