How Breakdance Builder Page Templates Work

Templates allow you to create a consistent and professional design across your Breakdance site while streamlining the content creation process and simplifying updates, ensuring an enhanced user experience for your visitors and greater peace-of-mind for you!

Justin Gluska

Updated April 19, 2023

the same chair design but with dozens of different colorful colors in an empty warehouse, taken like a model photoshoot. photorealism 4k

the same chair design but with dozens of different colorful colors in an empty warehouse, taken like a model photoshoot. photorealism 4k

Reading Time: 4 minutes

Setting up templates in Breakdance could benefit you for a multitude of reasons, such as streamlining your web design process, maintaining consistency across your site, and enabling efficient updates.

You gain the advantage of having a pre-designed framework that can be easily customized to suit your specific needs. This not only saves you time when designing new pages but also ensures a cohesive visual identity throughout your website. These templates can be reused and modified as needed, making it simple to maintain a consistent design language and branding across different sections of your site.

The best part about utilizing templates is really how much easier it makes updating your website's design or content, as any changes made to the template will be automatically reflected on all the pages that use it, ensuring a seamless user experience for your visitors. Here's how to set them up:

Setting up a Page Template with Breakdance Builder

Breakdance offers templates for single products, shop pages, single posts, post archives, 404 pages, search result pages, and custom templates. To add one, go to the WordPress admin dashboard and click on Breakdance (on the left in your plugins list). You'll see a tab that says templates. Click it and open the template page.

To add a custom template in Breakdance, follow these steps:

  1. Open the template setting tab for the Breakdance Plugin
  2. Click add template and select what fits your needs
  3. Edit the template and customize the design
  4. Add a "Template Content Area" element for the page content to get filled in

Add a Custom Template in Breakdance Builder

If you want to create your own template outside of the 8 that Breakdance already have configured, you can go ahead and add a custom template. Click the button & continue past the documentation warning.

Once you see the add template screen, type a name & set the location of where you want the template to apply. If you select single/pages, you'll be able to add a page condition to only apply it on certain pages.

Let's say you own a housekeeping company. You might want to create individual service pages based on a single template. An example would be for window cleaning, pressure washing, and mowing the lawn. Simply create 1 template, use dynamic data, and you've just cut your design time in over half.

Anyways, once you have the new template created you'll see the normal Breakdance editor screen. You can customize this however you like (dynamic text, images, etc) but you have to remember one thing!

Do not forget to add the Template Content Area element to your page! Doing so will "fill" in the content you place on each page. If you don't have this, every single service or product page you make will be the literal template just copied over!

Once you've added this, design your template!

If you've selected any element that displays text (a heading, text, or link element) you can click on the tiny little template icon to add dynamic data to your page. This would allow you to pull in things adaptively to the page the template is on. For this example we'll use the title name:

Let's go ahead and add the post title. You should now see the preview page name directly inside the heading element. Boom, dynamic. How awesome.

So now your page has a heading that dynamically changes pages on the page title AND a template content area where the actual page content will get filled in.

Keep doing this and make things look pretty. After you've designed the template, go and edit the pages you've applied it to (for this example I added it on two pages, "Jasper" and "YouTubed" so I just went into one of them). As you can see, we can add content to the page but it will only apply in the body area (exactly where we added the template content).

Final Thoughts

And that's it! Templates really expand the capabilities of designing a site in Breakdance. You can speed up your design workflow, incorporate dynamic data, and better create a streamlined brand identity across sections of your website. With the use of custom templates, you can really get creative and start making some advanced, dynamic page layouts.

Have you worked with templates in Breakdance before? Leave a comment to let us know any questions and comments you have!

Want to Learn Even More?

If you enjoyed this article, subscribe to our free newsletter where we share tips & tricks on how to use tech & AI to grow and optimize your business, career, and life.


Written by Justin Gluska

Justin is the founder of Gold Penguin, a business technology blog that helps people start, grow, and scale their business using AI. The world is changing and he believes it's best to make use of the new technology that is starting to change the world. If it can help you make more money or save you time, he'll write about it!

Subscribe
Notify of
guest

0 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments