Formatting question
Hello everyone,
I have a blurb on my page that contains a long article. At some point in the text, I would like to shorten the visible portion and direct readers to continue reading the full article on another page. The goal is to reduce the space the blurb takes up on the screen.
I'm considering adding a "Read more" button that links to the rest of the article.
Is it possible to link directly to a specific section or module on another page? Or would it be better to dedicate an entire separate page to the full article?
What are your thoughts or recommendations?
Thank you!
Hi KC, I know I was being lazy, but I gave your questions to ChatGPT and this is what he said:
Great question—and you’re thinking about this exactly the right way from both a UX and conversion standpoint.
Let’s break this down in a practical, Divi 5–specific way, with clear recommendations.
🧭 Short Answer (Best Practice)
- ✅ Yes, you can link directly to a specific section on another page (anchor links).
- ⭐ Best approach:
→ Create a dedicated full article page
→ Use a “Read More” button from the blurb
→ Optionally link to a specific section using an anchor
🧱 Option 1 — Recommended: Dedicated Full Article Page
This is the cleanest and most professional approach.
Why this works best:
- Improves page speed
- Keeps layouts clean on mobile
- Better for SEO (Google prefers focused pages)
- Easier to reuse content in your content wheel strategy
How to implement in Divi 5:
Step 1: Create the full article page
- Build a new page (e.g.,
/senior-cat-care-guide) - Use Divi Builder as normal
Step 2: Shorten your blurb page
- Edit your existing Text Module
- Cut the content after a compelling hook (don’t just truncate randomly)
Step 3: Add a button
-
Add a Button Module directly under the text
-
Set:
- Button Text: “Read More” or “Continue Reading →”
- Link: your full article page URL
🔗 Option 2 — Linking to a Specific Section (Anchor Links)
Yes—Divi 5 fully supports this, and it’s very useful.
Example use case:
You want the button to jump directly to:
- “Treatment Options”
- “Signs to Watch For”
- “Next Steps”
How to set this up in Divi 5:
Step 1: Add a CSS ID to the target section
- Open the section/row/module you want to link to
- Go to:
Advanced → CSS ID & Classes - Add something like:
full-article-start
Step 2: Link to it from your button
In your Button Module:
https://yourdomain.com/full-article-page/#full-article-start
✔ This will:
- Load the new page
- Auto-scroll to that exact section
⚠️ When NOT to Use Anchor Links Alone
Avoid relying only on anchors if:
- The article is very long
- You want SEO value
- You want to track engagement (time on page, conversions)
✂️ Option 3 — “Read More Toggle”
Divi allows:
- Toggle Modules
- Accordion Modules
- Expandable text via code
I don’t recommend this, because:
Downsides:
- Keeps all content on one page → hurts load speed
- Worse mobile UX (scroll fatigue)
- Weakens SEO structure
- Doesn’t support your lead funnel strategy
🧠 Strategic Recommendation
👉 Treat every long article as an asset page
Structure:
-
Short teaser on service/offer page
-
“Read More” → full article page
-
Full article page includes:
- CTA (call, text, schedule)
- Internal links
- Optional lead magnet
💡 Pro Tip (High Conversion Upgrade)
Instead of just:
Read More
Use:
- “Learn How to Help Your Cat →”
- “See the Full Treatment Guide”
- “What This Means for Your Cat →”
This aligns with your direct-response marketing style
🧩 Final Recommendation
✅ Create a separate full article page
✅ Use a Button Module (“Read More”)
✅ Optionally include an anchor link to skip intro sections
❌ Avoid keeping full content in a single blurb page
It gave me specific recommendations for my personal project based on previous conversations we'd had, so you might want to copy and paste your question into your ChatGPT so it can use your current project or previous conversations as a reference point.
Hi KC Farmer,
your post really got me thinking. Sometimes asking an AI for a quick answer gives you so much information that you can't see the forest for the trees! I couldn't let the topic go and wanted to get a better overview for myself.
First, I wanted to explore what’s possible directly in the Divi 5 Visual Builder and where it might become too click-intensive. Then I remembered some of Mak’s videos where he stopped using the standard Blurb module entirely. Instead, he rebuilt the 'Blurb' effect using a Heading module, an Image module, a Text module, and a Button—utilizing Group modules where they make sense.
For example: Grouping the Heading and Image together, keeping the Text as a separate module or group, and placing the Button in its own Group module. This setup even allows for two buttons side-by-side later on (e.g., 'Read More' and 'Go to Product'). Plus, the button label could potentially toggle between 'Expand' and 'Collapse.'
This is the start of a new series of articles where I'll explore what can be done visually in Divi 5 and when it makes more sense to rely on JS or CSS. With any luck, Mak might see this and create a video on a visual solution for such a module—his UI expertise and recording quality are top-notch.
Here's my blog-post:
https://diviuniversity.com/portal/space/divi-community/post/kc-farmer-posted-a-question-about-expand
Part II - Creating a blurb with view more and collapse Button - without JS or CSS code
https://diviuniversity.com/portal/space/divi-community/post/a-custom-blurb-module-with-a-read-more
Thank you both for the response!
Great stuff, Annie! I thought about asking Grok, and that's a great resource, but I place more value on input from folks with lots of experience like you and Frank.
I'm looking forward to your next segment, Frank. There is a lot of valuable content there. I'm learning more each day about DIVI and KrafterPRO. Both are excellent tools, and replies like this are certainly helping flatten the learning curve. Well, maybe Mak helps a little bit, too. LOL
I must confess that my experience level with CSS is all but non-existent. I'm working to remedy that now.
Thanks again, both of you.
KC