Add a button or phone number to your block theme's header
Change the header template part of a block theme, for example to add a booking button, as a draft with a preview of the whole site.
- Difficulty
- Intermediate
- Time
- about 15 min
My WordPress site uses a block theme. In the header, add [what, e.g. a 'Book now' button linking to /booking/ and our phone number 210 000 0000] to the right of the menu. Change only that; the logo, the menu and the rest stay as they are. Save it as a draft, send me the preview link and a screenshot on mobile and on desktop, and put it live only after I approve.
Already connected?
If SAR is already in your AI app, this is enough:
Add [button or phone] to my block theme header as a draft and show me the preview.
What happens
- The AI app lists the theme's templates and template parts and finds the header.
- It reads the header's block markup and changes only what you asked.
- It saves the change as a draft with a signed preview link of the whole site; visitors see nothing new.
- It takes screenshots of the preview on mobile and desktop.
- The header shows on every page, so putting it live is approved in SAR with your password. It can be undone.
Approvals involved
Worked out from the tools this recipe uses.
wordpress_list_site_templatesSite Editor templatesNonewordpress_get_site_templateA Site Editor templateNonewordpress_save_site_template_draftSave a Site Editor template draftNonesar_screenshot_pageScreenshot a pageNonewordpress_publish_site_template_draftPublish a Site Editor template draftDepends on the change
What you get
A header with the button or number your visitors need, checked on both screen sizes before anyone saw it.
Related recipes
- Design & builders · about 25 minA layout just for one page of a block themeGive one page, such as a campaign landing page, its own block theme template, with a simpler header and full-width content, without touching the others.
- Design & builders · about 25 minBuild an Elementor landing page as a draftDescribe the page you need and get a full Elementor layout in a draft page, with a preview link, before anything goes live.
- Design & builders · about 15 minChange your block theme's colours and fonts as a draftSet new site-wide colours, fonts and sizes in the Site Editor's global styles as a draft, see them on a preview link, then publish with your password.
Try it on your own site
Install the plugin, add SAR to your AI app and paste the prompt. Free to start.