Skip to main content

View Post Module

Divi 4 module

View Post is most common inside Custom Loop Layouts where each card needs its own CTA.

Overview

Turns configurable text into a button or link with advanced behaviors: anchors, external ACF-driven URLs, modal experiences powered by Library layouts, and optional next/previous controls inside the modal chrome.


When to use it

  • “Read more”, “View listing”, or “Book now” actions on cards
  • Quick-view modals that load another Divi layout without leaving the archive
  • External partner links stored in ACF URL fields

Content — Text

View Post — text group (placeholder)

Button Text

Label visitors see on the button or link.

Custom URL End

Append a fragment or query string after the permalink (for example #reviews).

Fullwidth Button

Stretch the button across the available column width.

Open in New Tab

Force the destination to open in a new browser tab.

Open to External Site

Ignore the WordPress permalink and use an ACF-provided URL instead.

External ACF Text Field

Select the ACF field that stores the outbound URL.

Show Posts Modal

Load the single inside a modal overlay instead of navigating away.

Post Type

Tell the modal system which post type rules apply when resolving layouts.

How Do You Want To Display

Choose between modal rendering or inline content replacement behaviors available in your version.

Modal/Content Loop Layout

Pick the Divi Library layout used inside the modal or injected region.

Modal Style

Select the preset modal chrome styling.

Modal Overlay Background

Set the scrim color behind the modal.

Modal Close Icon

Choose the icon asset for closing the modal.

Modal Close Icon Colour

Tint the close icon.

Modal Close Icon Size

Resize the close icon for touch targets.

Next & Previous Post

Surface next/previous controls inside the modal experience.

Modal Previous Icon

Icon for the previous control.

Modal Next Icon

Icon for the next control.

Modal Previous & Next Icon Colour

Shared color for navigation icons.

Modal Previous & Next Icon Size

Shared size for navigation icons.

Loading Post Animation Color

Color for the spinner or progress indicator while modal content loads.


What is next