Are you trying to create custom landing pages on BigCommerce but struggling with how to use Page Builder fields in a raw HTML template? In this video, Kal Wiggins, developer and ecommerce expert, answers this question step-by-step. Whether you’re a store owner or developer, this video will show you how to achieve your goal of building custom landing pages without headers and footers, using Page Builder fields efficiently.
In this detailed walkthrough, Kal explores different solutions, from testing Page Builder fields on raw HTML pages to using custom CSS and advanced Stencil CLI methods for ongoing landing pages.
Key Takeaways from the Video
Here’s a quick summary of the main points covered in the video, with timestamps to guide you:
- Introduction & Purpose (00:02):
Kal introduces the video and the central question: Can you use Page Builder fields in a raw HTML BigCommerce template? - Testing Page Builder Fields in Raw HTML (01:38):
Kal explains what a raw HTML template is and tests inserting Page Builder fields. However, they don’t appear in the customizer for a raw HTML page. - Switching to WYSIWYG for Access (03:20):
Switching the page type to WYSIWYG allows the use of Page Builder fields, but the unwanted header and footer reappear, which is not ideal for landing pages. - Custom CSS to Hide Header and Footer (04:35):
Kal demonstrates how to hide the header and footer using custom CSS targeting specific pages, helping you create a cleaner landing page design. - Using Stencil CLI for Custom Templates (15:09):
For users creating multiple landing pages, Kal walks through using Stencil CLI to create a custom template that automatically hides the header, footer, and other unwanted elements.
Why You Should Watch This Video
If you’ve been struggling to build effective landing pages in BigCommerce, this video is for you. Kal breaks down not just the “how,” but also the “why,” offering real-world insights that will help you build pages that convert, while saving time and effort. Whether you need a one-off solution or are looking to streamline landing page creation for future campaigns, Kal’s techniques are invaluable for any ecommerce store owner or developer.
