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 Mitos is already in your AI assistant, this is enough:
Add [button or phone] to my block theme header as a draft and show me the preview.
What happens
- The AI assistant 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 private 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 with a 6-digit code as an extra check that it's really you. 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 a 6-digit code.
Try it on your own site
Install the plugin, add Mitos to your AI assistant and paste the prompt. Free to start.