🥳 Celebrate Our Launch With a $200 LIFETIME Discount OFF The Premium Plan Use: BIRTHDAY2024
This offer expires 9/30/2024, at 11:59 PM EST
Custom Elements in the Site Builder
Add advanced functionality to your pages with Custom JS/HTML, Surveys, Calendars, Maps, SVG graphics, Reviews, and an improved Block Editor—so your funnels and websites feel more interactive and on-brand.
Adding More Functionality Without Rebuilding Your Entire Page
Standard page layouts often need additional functionality like booking calendars, surveys, maps, reviews, or custom embeds to create a more complete visitor experience.
Custom Elements inside the BizStackPro Site Builder allow businesses to embed interactive tools, reusable assets, third-party widgets, and advanced formatting directly into funnels and website pages.
Without properly structured embedded elements, pages can become harder to maintain, inconsistent across devices, or confusing for visitors trying to interact with scheduling, forms, reviews, or custom content.
This guide explains how to use Custom JS/HTML, Surveys, Calendars, Maps, SVG graphics, Reviews, and the Block Editor to create more interactive and flexible page experiences inside BizStackPro.
Before embedding advanced elements into your pages, it helps to understand how each Custom Element behaves inside the Site Builder.
Overview
Custom Elements help you embed tools, collect answers, display interactive content, and improve on-page layout— without needing to rebuild your entire page structure. Whether you’re adding a scheduling calendar, a survey, a location map, or a custom script, these elements make your BizStackPro sites and funnels more dynamic.
Best practice: Build the asset first (survey, calendar, reviews) and then embed it. That way, the element dropdowns can pull the item you want right away.
Custom JS/HTML
Use Custom JS/HTML to add external widgets or custom functionality to a page. This is commonly used for third-party embeds (like scheduling tools, chat widgets, calculators, or tracking snippets) that require HTML and/or JavaScript.
How to use it
- Open your funnel/website page in the Site Builder.
- Drag the Custom JS/HTML element into the section/column you want.
- Click the element to open settings.
- Select Open Code Editor and paste your HTML/JS.
- Save your changes and preview the page.
Important: BizStackPro does not troubleshoot or rewrite custom code. If an embed doesn’t work, confirm the code with the provider and test it in a clean page/section.
Survey
The Survey element lets you display a survey you’ve already built—directly inside a funnel or website page. This is useful for lead capture, onboarding forms, and quick assessments.
How to use it
- Create your survey first (so it appears in the selector).
- Drag the Survey element onto your page.
- Select the correct survey from the dropdown.
- Click Save, then preview to confirm layout and behavior.
Tip: If you don’t see your survey in the dropdown, refresh the builder and confirm the survey is saved and published/available in your account.
Calendar
The Calendar element embeds an existing appointment calendar so visitors can book directly from your page. It’s great for consultation scheduling, service booking, and event registration.
How to use it
- Create and configure your calendar first.
- Drag the Calendar element into your page layout.
- Select the calendar from the dropdown.
- Click Save, then preview the booking flow.
Good to know: If your calendar has availability rules or required fields, test the booking flow end-to-end to ensure visitors can complete the booking without confusion.
Map
The Map element embeds a location map on your page. You can search for your business address, set a pin, and display a clean “find us” section for visitors.
How to use it
- Drag the Map element onto the page.
- Click the element to open settings.
- Select Open Search Box.
- Search for your address and confirm the pin placement.
- Adjust the pin if needed, then save.
SVG
The SVG element is ideal for crisp, scalable graphics (logos, icons, dividers) that look sharp on every device. You can upload your SVG file and (where available) adjust styling for better brand consistency.
How to use it
- Drag the SVG element into your page.
- Click the element to open settings.
- Upload your SVG file.
- Optionally adjust colors (depending on how the SVG was created).
- Save and preview on desktop and mobile.
Note: Only SVG files are supported in this element.
Reviews
The Reviews element displays reviews collected from your contacts and customers. Add it to sales pages, landing pages, and service pages to build trust.
How to use it
- Drag the Reviews element into your layout.
- Preview the page to confirm the reviews render correctly.
- Publish the page to display reviews in live mode.
Tip: If reviews don’t appear in preview, confirm reviews exist in your account and check the page in a published/live state.
Block Editor
The Block Editor improves text formatting flexibility inside the Site Builder. Use it to apply custom fonts, add subscript/superscript, and manage lists with more control.
How to use it
- Open a funnel or website page in the builder.
- Add or select a Text element.
- Use the Block Editor toolbar to format highlighted text.
Common enhancements
- Custom fonts: Apply a font style to selected text.
- Subscript / superscript: Great for formulas, footnotes, and styled typography.
- Improved list controls: Cleaner bullet/number formatting and organization.
- Simplified paragraph options: Fewer “extra” paragraph styles to keep editing faster.
Build more interactive pages without rebuilding your funnel
Use Custom Elements to embed scheduling, surveys, maps, graphics, and reviews—then polish the experience with the Block Editor for cleaner formatting and faster editing.
Opens in a new tab.
Frequently Asked Questions
What is the purpose of the Custom JS/HTML element?
It lets you add your own HTML/JavaScript so you can embed third-party widgets and advanced tools inside your page.
Can BizStackPro troubleshoot or edit custom code?
No. Because custom programming varies widely, BizStackPro does not troubleshoot or modify user-submitted custom code.
What should I do before using the Survey or Calendar element?
Create the survey or calendar first, then select it from the element’s dropdown menu.
How does the Map element work?
Search for your address in the settings panel, confirm placement, adjust the pin if needed, and save to embed the map.
Enhance funnels and websites with smarter building blocks
Add calendars, surveys, maps, reviews, SVG graphics, and custom embeds—then refine your copy and formatting with the Block Editor for a cleaner, more professional page experience.
More flexibility. Better on-page experience.
Disclaimer: This site is NOT endorsed by Google, Facebook or YouTube in ANY WAY. All trademarks & Logo / branding are the property of their respective owners. Please Note: This site was created in BizStackPro by Ken George II (An Affiliate of BizStackPro) and may contain affiliate links.
Copyrights 2024 | AllAboutBizStackPro.Com | Pricing | About | Features | All Rights Reserved.