Content Body: Display Blog Post and Course Lesson Content Dynamically

The Content Body element allows you to dynamically display content on the blog posts and course lesson pages. It ensures that when users visit a blog post or course lesson page, the element pulls the specific content associated with it. In this article, we’ll explain how to add the Content Body element to your blog post and course lesson pages and ensure it functions correctly.

Requirements

• An active ClickFunnels account

• A blog post or course lesson created in your workspace

Note:

The Content Body is a dynamic element that is capable of rendering dynamic content exclusively within the Blog Post theme page and the Course Lesson theme page.

How the Content Body Element Works

The Content Body is a dynamic element designed specifically to display the contents of individual blog posts and course lessons in an engaging manner. When your viewers access blogs or course lessons and click on any specific blog post or course lesson, the Content Body element has the capability to pull the relevant content associated with the item they clicked on. This process occurs seamlessly, allowing the Content Body container to replace the existing content dynamically with the new information. This functionality enhances user experience by providing immediate access to the desired content without page reloads or additional navigation steps.

Step 1: Adding Blog Post or Course Lesson Content

Adding Blog Post Content

1. Navigate to the Site & Blog app and select Blog.

2. Create a new post or select an existing one.

3. On the Blog Posts page, click the Pencil ✏️ icon next to your created post.
   

4. You can add and customize blog content (e.g., text, images, videos, buttons, etc) in the Page Editor using Sections, Rows, and Elements.

5. Once done, click Save Changes to save your edits.

Learn more: How to Create and Manage Blog Posts

Adding Course Lesson Content

1. Navigate to the Courses app and select a course to edit.

2. Add a new Module and a new Lesson inside the module.

3. Click the Lesson Name or Edit Lesson option to open the lesson editor.
   

4. You can add and customize lesson content (e.g., text, images, videos, buttons, etc) in the Lesson Editor using Sections, Rows, and Elements.

5. Once done, click Save Changes to save your edits.

Learn more: How to Manage Course Lessons

Step 2: Adding the Content Body Element

1. Navigate to the Site & Blog app.

2. Click Overview.

3. Click Edit Site to open the site theme pages editor.

4. In the left panel, choose Blog Post from the Blog category or Lesson Page from the Course category to modify the theme pages.
   

5. Inside the page editor, add a Section where you want to place the element.

6. Add a Row within that section.

7. Click the orange + Plus or Add New Element button inside the row to insert a new element.

8. From the Advanced category, scroll to the Dynamic Slots section and select the Content Body element.
   

Customizing the Content Body Element