Components are elements of pages that provide content and functionality.

Components are individual objects that you can drag&drop onto the page.

Each component serves a specific purpose and has individual configuration options.

Components

With components, you can add specific content. Each component has its own properties and configuration options.

1	Component The entire component is outlined when you select it.
2	Click on the plus icon to add more components. The sidebar with all components will be displayed.
3	When a frame is selected, frame elements containing symbol buttons for various actions are displayed: Hold and drag the control pad icon to move the component. Click on the gear icon next to the component to configure the component in the side menu. Click on the copy icon to create a copy of the component directly below it in the same column. Click on the delete icon to delete the element.

You can how and hide components for mobile and desktop views.

Components

Good to know

Some components have different names in the Digibiz24 Pagebuilder compared to the Digistore24 Cart-Builder.

(Cart builder order form).

TEXT

Use text components to add free text that you can style elaborately. For example, you can provide descriptions, explanations, and additional information. Use your global branding and typography to style the text consistently.

• Heading
• Subheading
• Text

• Bullet list

  Add a bulleted list for your free texts.

  Choose from a large selection of icons.

• Image list

  Add a bulleted list for your free texts.

  Choose an image as the icon that you have uploaded yourself.

MEDIA

• Audio player

  Allows you to play your audio file directly on the page.

• Image

  Insert a simple image.

• Image carousel

  Insert up to five images in a field that can be switched automatically or manually.

• Image pop-up

  Insert an image that, when clicked, opens in its own window and in original size. This way, you can store product images in a space-saving manner.

• Video

  Embed a YouTube video that can be played directly on the page.

• Video pop-up

  Insert an image and link it to a YouTube video.

  When the image is clicked, the video is displayed and played in its own window.

  This allows you to store the video on the page in a space-saving manner while ensuring it is displayed in an appealing size when played.

  (See Create video pop-up)

COURSES

• Course catalogue

  The course catalogue is a component that displays courses, chapters, and lessons.

  When you embed the course catalogue on a landing page, new visitors can see your courses. The courses can be purchased with a single click.

  When you embed the course catalogue on a thank you page, new members will see more of your courses after purchasing a course. The courses can be purchased with a single click.

FORM

• Button

  Add a button that you can link to a URL (web address) and design lavishly so that prospective buyers click on it.

• Download button

  Add a button that you can link to one or more media files that you have uploaded. Clicking the button triggers a file download.

  (See Embed files for download in a landing page)

• Login form

  Members can use this form to log in and access the content they have purchased.

• Multi-Step Order Box

  Create and insert a multistep order box and link it to one of your courses.

  This allows visitors to purchase products directly on your page without taking an additional step to the order form.

• Opt-in form

  Add a field for entering an email address.

  This allows your visitors to subscribe to your integrated email lists.

  (See Create an opt-in funnel and Offer free courses with opt-in)

CONTENT

• Arrow

  Add an arrow with direction options and free text.

  This allows you to write a description text and point to a button with the arrow.

• HTML / JS

  Insert a field that is invisible to visitors in which you can enter your own HTML and JavaScript code.

  (Siehe HTML/JS-Komponenten einfügen)

• FAQ

  Keep a list of frequently asked questions (FAQs) and answer them for your prospective buyers.

  For example, "When will I receive my product? - Usually 2-3 working days after the purchase."

  This increases trust, reduces inquiries, and boosts your sales.

  (See Create FAQ)

• Icon

  Add an icon in image size that you can link to a URL (web address).

  You can use icons instead of images.

  Many icons and their meanings are familiar to your potential buyers from common messenger apps.

• Image feature

  Insert an image with a free text field next to it.

  This way you can, for example, insert product images with descriptions.

• Pricing table

  List up to ten pricing models with their associated features.

  This is useful if you offer several price models and want to make it easy for visitors to see the prices and respective benefits alongside each other.

• Progress bar

  Add a colored bar to display the current progress in the sales process.

  If you use Digistore24, you can also add a progress bar in the Cart-Builder order form (see Cart-Builder Order Form).

  With the correct settings of the respective bars, you can create a seamless transition from your Digibiz24 sales page to the Digistore24 order form, which is presented as a cohesive process by the respective bars.

• Downloads

  Insert a list of any files you have previously uploaded.

  Each file is represented with its own download icon, through which visitors can download the file.

MISC.

• Countdown

  A countdown will count down the time you set and perform an action you choose when the time expires.

  For example, you can use the countdown to display or hide information.

  (See Create Countdown)

• Divider

  Add a line to separate content.

• Social share

  Add buttons to share on social media.

• Testimonial

  A testimonial is a recommendation from customers who have already purchased your product.

  For example, add email quotes from customers who are very satisfied.

  This strengthens trust in your products.