A new Breakdance or Oxygen landing page, built as a draft (beta)
Describe the page and get it as a draft made of Breakdance's own elements, styled for desktop, tablet and phone, with a preview link before it goes live.
- Difficulty
- Intermediate
- Time
- about 25 min
- Works with
- Breakdance, Oxygen 6
Build a new landing page on my [Breakdance or Oxygen] site for [offer, e.g. our summer cooking workshops], aimed at [audience]. I want a hero with a heading, one line of text and a [call to action] button, three benefits side by side, [photos, e.g. two photos from the media library], a short FAQ and the same button again at the end. Use the site's own colours and fonts and make it read well on phones. Keep it as a draft page called [page title], tell me anything that could not be built, and send me a preview link and a screenshot. Do not publish until I approve.
Already connected?
If SAR is already in your AI app, this is enough:
Build a [Breakdance or Oxygen] landing page for [offer] as a draft and send me the preview.
What happens
- The AI app reads the site's design system (global colours, fonts and buttons, classes and breakpoints) so the page matches the rest of the site.
- For photos from the media library, it checks which sizes each file really has and picks one that fits.
- It writes the page as HTML and CSS, which SAR turns into Breakdance's own elements (sections, headings, text, images, buttons, lists, columns), with separate styles for tablet and phone. It tells you what was left out, such as forms or scripts.
- The result is a new draft page, so visitors see nothing yet. It sends you a preview link that works for an hour and a screenshot.
- Publishing the page waits for your approval in SAR. Open it once in the builder to confirm it looks right there too.
Approvals involved
Worked out from the tools this recipe uses.
wordpress_get_breakdance_design_systemBreakdance or Oxygen design systemNonewordpress_list_mediaList mediaNonewordpress_get_media_sizesAn image's sizesNonewordpress_breakdance_html_to_draftBreakdance or Oxygen layout from HTMLDepends on the changewordpress_get_preview_linkPreview link of a draftNonesar_screenshot_pageScreenshot a pageNonewordpress_publish_postPublish a post or pageApproval
What you get
A landing page you can keep editing in the builder like any other, live only after you approved it. Building it can be undone for 30 days.
Related recipes
- Design & builders · about 20 minNew brand colours and fonts across a Breakdance or Oxygen site (beta)Change the site-wide colours, heading and body fonts and button style in the Breakdance or Oxygen 6 global settings, with screenshots before and after.
- Design & builders · about 25 minAdd a pricing section to a Breakdance or Oxygen page (beta)Add a three-plan pricing section to a live Breakdance or Oxygen 6 page, built from the site's own elements in a draft copy you preview first.
- Design & builders · about 15 minReorder sections and change button texts on a Breakdance or Oxygen page (beta)Move sections up or down and rename buttons on a live Breakdance or Oxygen 6 page, element by element, in a draft copy you preview before it goes live.
Try it on your own site
Install the plugin, add SAR to your AI app and paste the prompt. Free to start.