Widgets

Home > Ceramics.Page Business Builder > Widgets

Embed Widget

Embed code into your pages. To add the Code widget go-to> Widgets > Other Widgets and select the embed widget. Adding your code Simply insert the embed code, click save and it will now be displayed in your builder.

Map Widget

Add a map to your website To add the Code widget go-to> Widgets > Other Widgets and select the map widget. Editing your map Simply type in your location, set your display and you're ready to go.

Code Widget

Need to add some code to your website and funnels? No problems. To add the Code widget go-to> Widgets > Other Widgets and select the code widget. Edit Code Select your preferred code language format from the settings cog. Edit Code Now add your code directly into the source code box 'as shown below'

Form Widget

Adding a form to your website. Forms are a quick way to generate leads into your business. Send all information to your favorite email software in one click. All leads are automatically added to your CRM. Where to find your form widget. Go to the Widget tab and select the forms widget as shown below. Form fields editing Form fields are the information you want to retain from someone filling out your capture form. Note: You can hide the fields too, under the hidden field type in your form set...

Countdown Widget

Countdown timers do a whole lot more than just tick away! Our countdown timers are very dynamic and can really put real time scarcity into your promotions and offers to automatically switching pages when offers expire and more. Settings When selecting the Edit tab a new window will pop out. Here are shown three option tabs: - Countdown type - Select time - When counter ends First let's take a look at the Countdown type options: Count to date: Let's take for example you are going to have a ...

Blog Widget

You have an amazing blog, so show it off in any page on your website or even in your funnels! Navigate to the blog widget and drop in to the page Styling the blog widget As with all the elements you can style to your own liking. Within the blog widget you can modify: - The display collection - Category - Show images - Layout display - Add your social share links - And how many blog posts you would like to display Collections to display: You can display blogs posts by: - Recent posts...

Video Widget

Adding your videos to your pages is really simple and there are multiple ways of adding them. First navigate to the video widget icon: Enter URL or custom code to embed (for example from youtube -> share -> copy embed code) Once you have your video in place you can edit the styling elements: - Add a thumbnail image from your file manager area - Add a shadow around the video You can also resize the video to any container/column you prefer.

Audio Widget

The audio widget element enables you to add music/sound to your website pages. Great for podcasts or even just having music playing when your visitors are browsing your website pages. A great use case is adding voice notes upon when a customer purchases from you, simply saying thank you for your purchase today. It goes along way! So to add your audio files to your page, simply navigate to the audio widget and drop in to the builder: Settings To set up your audio element is really simple. Fir...

Social Media Widget

The social media widget has two different use cases that enable you to either get visitors to share pages or simply navigate to your preferred social media channels. Settings To chose the right option for you simply select the social media settings tab and a new window will open. Here you can select whether you want to get visitors to share the page you have the widget applied to or simply go to one of your social media channels for a follow. Share this page This option enables your visitors...

Slider Widget

The slider widget is similar to the gallery widget, but has more features like adding text and also call to actions to your images and videos. Editing your slider To get started with creating your slider, first select the edit slides tab then click the plus icon as shown below. Once you have selected the plus icon you will see the next image display: This is the slider editor. Note: You do not have to use images. If you simply want text or even video then that is also possible. So select th...

Gallery Widget

The gallery widget is simply an element to display images either within a grid or an interactive carousel. Adding images To add an image or multiple images, select the edit images tab Edit the styling There are two main styling options to chose from: Grid and Carousel. A grid layout will display a static format of all the images you add. Carousel enables you to add movement to your images or manual user input to scroll though such images. Both have the same styling elements from image ratio...

Donation Widget

If you are wanting to take donation payments or even pay what you want offers then this widget is for you. Navigate to the donation widget and place on any page you like. Settings Unlike the normal store products and checkouts the donation widget works and is set up slightly differently. let's take a look in the main settings and set up to get your donations widget working. Payment gateway: To collect payments we offer two payment gateways your can use: Stripe and Braintree. Both are similar...

Store Widget

The store widget is a great element for displaying your store products on any page or even within your blog posts. To add your store widget, simply navigate to the store widget: The first step to take is adding the products you want to display. Select the edit products tab as show below. This opens up a new window where you can add products by: - Latest products - All products from selected categories - Selected products - and how many you want to display. Product layout Many of the option...

Checkout Widget

The checkout widget enables you to add your checkouts anywhere on your website, funnels and even inside your blog posts in one click. To add your checkout widget to your block simply select the checkout widget and drop into the page. Add your product Once you have your checkout on the page, the next step is to select the products tab as highlighted below in step 1 - Select the product tab - Here you have 2 options. Product select or cart checkout. Product select means the product or products...

Quizzes & Surveys

Lay the groundwork for your future promotions. Collect emails in an interactive way using quizzes, and use your segmented lists to create targeted campaigns. In this article you will discover how to create, manage and use quizzes to help generate leads and sales for your business. Firstly navigate to the elements section and select the quizzes widget: Styling Before we get into the mechanics of how to build a quiz, let's take a look at the various styling elements. As with any of the element...

Accordian Widget

Accordion widgets are great for frequently asked questions or simply somewhere you want to add more text but take up less space on your page. Navigate to the accordion widget and drop on to your page. Accordion styling Currently there are four different layout designs you can chose from. You can find them in the styling tab Font and colour styling The same with any of our elements you can style the design to how your prefer. To start editing the styling for your accordion, simply select the...

Progress bar widget

Adding a progress widget bar to your pages, blocks and funnels. The progress bar can also be used in a dynamic URL. To find the progress bar widget go to Widgets and select progress bar. Now that you have the progress bar on your page, you can now open the settings tab to modify the look. Progress: Set the progress % to where you need it. Select the colour and background. Choose the height of the progress bar and whether you need it animated or not. Dynamic Bar Url To make your progress b...

Image Widget

Adding and setting up your images for your website. To find the image widget, go to > Widgets and then select image. If you are wondering how to add images to your file manager, tap the link below How to use your file manager Image editing Once you have selected your image and placed it on the page, head to the image settings tab. Here you can add image descriptions 'great for SEO', Shadowing, image captions and call to actions. Image captions Adding captions enable you to do many things...

Button Widget

Adding a button and how to use them in your website. To find the button widget - Open your widget section and the button widget is located under 'Basic widgets' Simply drag and drop the button to anywhere on your page or container. When you have placed your button in the desired location, you're able to edit and modify the button settings. - Edit - Link - Styling - Alignment - Animations and delays - Copy - Delete Editing Under the edit tab you can modify the button text, add a second line...

Container Widget

The container widget enables you to add additional widgets in to a specific container or also known as a block. Adding a container widget to your website. To add a container go to > Widgets and select container Once you have your container in place. There any many settings that allow you to create and design the perfect section or your page. Let's take a look closer at the container settings. Below you will see: - Block settings - Column settings - Block display tab - Add block Within a...

How to add Parallax effect

To add parallax effect to a block or container click on the 'Block' button when you are on top of a block in your site. That will open the settings of the whole block, you can select an image for the background and click on the checkbox: 'Parallax Effect' that will enable the parallax for that image and block. https://s3-eu-west-1.amazonaws.com/cdn.supporthero.io/article/2618/6c2244fb-b4f1-496f-874d-50cfe20b9c85.png You have the option for Parallax Speed and Image Description for SEO purposes.

Video Backgrounds

Go to your block settings by clicking on the Block button https://d29l98y0pmei9d.cloudfront.net/article/2618/99d46747-ddc3-4665-98c5-d9ef5093cf89.jpg Click on Add Video Background checkbox and enter the youtube video url. The video background only work with youtube video. You have settings for the play time, audio and more. NOTE: Video background do not play on mobile devices so you also need to add a background image to your container. https://d29l98y0pmei9d.cloudfront.net/article/2618/0534...

Pre-Fill Your Form or Booking Fields From The URL

If you have unique URL that contains variables in it that are used for quick personalization or pre-filling, you can send that data to the forms. Example: the URL contains ?name=John&country=USA you can push the values for name and country to the page. Pushing the information to a Form, Booking or Checkout The only thing you need to do is to make sure that the labels of your fields match the URL variables. In our examples you need to have 'name' and 'country' for labels of 2 fields in order t...