Add a new section to a Divi 5 page (beta)
Add a section such as testimonials or a price list to a live Divi 5 page, built from the site's own Divi blocks in a draft copy you compare first.
- Difficulty
- Advanced
- Time
- about 25 min
- Works with
- Divi 5
On my Divi 5 page [page name or address], add a [section, e.g. three customer testimonials] section after [existing section]. Use these texts: [texts or where to find them]. Copy the spacing and styling of the sections around it, use only the Divi blocks the site already has, and leave every other block exactly as it is. Make a draft copy, compare it with the live page and send me the preview. Put it live only after my approval.
Already connected?
If SAR is already in your AI app, this is enough:
Add a [section] section to the Divi 5 page [page] in a draft copy and show me the comparison.
What happens
- The AI app reads the page's Divi 5 layout: every block with its position, and the Divi blocks the site offers.
- It writes the new section and passes every other block on unchanged.
- Because the page is live, the layout goes into a draft copy with a preview link; the live page is not touched.
- It compares the preview with the live page and reports anything that looks broken.
- Putting the copy over the live page waits for your approval in SAR and can be undone. Open the page once in the Divi editor to confirm it reads cleanly.
Approvals involved
Worked out from the tools this recipe uses.
wordpress_get_block_layoutDivi 5 layout of a pageNonewordpress_save_block_layoutSave a Divi 5 layoutDepends on the changesar_visual_checkCheck a page visuallyNonewordpress_publish_block_layout_draftPublish a Divi 5 draft over a live pageApproval
What you get
A new section that matches the rest of the page, live only after you compared it.
Related recipes
- Design & builders · about 20 minRework the hero section of a live Elementor pageNew heading, text and buttons at the top of a live Elementor page, built in a draft copy you compare with the live page before it replaces it.
- Design & builders · about 20 minA helpful 'page not found' page with Elementor ProReplace the plain 404 page with one that matches your site and points visitors to search, your best pages and a way to contact you.
- Design & builders · about 25 minAdd a section to a WPBakery page, on WoodMart, Porto and similar themes (beta)Add a new row, such as delivery information or a brand strip, to a live WPBakery page, keeping the theme's own elements exactly as they were.
Try it on your own site
Install the plugin, add SAR to your AI app and paste the prompt. Free to start.