Please note that we have changed the menu structure.To simplify navigation, your elopage account is now structured slightly differently. But the functions remain the same. We will adjust the help section and renew the screenshots. If you have any questions, our support will be happy to help.
Achtung, neue Menüstruktur! Um die Navigation zu vereinfachen, ist dein elopage-Account jetzt etwas anders strukturiert. Die Funktionen bleiben aber die gleichen. Wir werden den Hilfebereich anpassen und die Screenshots erneuern. Bei Fragen hilft unser Support gerne weiter.
This is a machine-translated article. We’re constantly working on improving translation quality for an optimized help center experience. We apologize for any inconvenience.

Pagebuilder 2.0

Neda
Neda
  • Updated

So you would like to create individual themes and pages? With the pagebuilder 2.0, you can use a modular approach to design your shop pages, memberships and online course lessons more professionally and in line with your corporate design, all without any knowledge of HTML.

Verschiedene_Designs.jpg

 

U_berblick_u_ber_diesen_Artikel.png Overview

Blocks in the pagebuilder

Opening the pagebuilder

Designs

Interface

Editing blocks

Other features

 

Blocks in the pagebuilder

Your themes and pages are made up of multiple blocks such as banner blocks, text blocks and video blocks, the layout of which you can determine yourself. 

You can find out everything about the blocks in the pagebuilder in >>Blocks & pages in the pagebuilder.

Opening the pagebuilder

Online course page

  • Go to the "Content" tab in the online course product.
  • Create or choose a page.
  • Click "Edit content".

1.png

Shop & membership theme

  • In the main menu of your seller account, go to "Themes" and "Shop theme" or "Membership theme".
  • Click the pencil icon under "Pages".

2.png

Designs

Here you have the following options:

Interface

Create

3.png

(1) Close

(2) Undo

(3) Redo

(4) Preview

(5) Full screen

(6) Save the page

(7) Create the block (drag & drop)

(8) Select the design template

(9) Call up saved blocks

Templates

  • Here you will find design templates saved by us that can be used for the individual blocks and pages. You can easily use these for your themes.

4.png

  • In the "Pages" tab you will find completely designed page layouts with different blocks depending on the industry.
  • More about this under >>Selecting a design.

5.png

Saved

  • Here you can find the blocks and pages that you have created and saved. You can drag & drop these into your theme and customize them accordingly.

6.png

Editing blocks

  • You can individually design your blocks, e.g. the banner, using the tools in the orange bar. The toolbar appears when you move the cursor over the block.

7.png

Changing position

  • You can drag & drop your blocks to your preferred position. Click on the "block", keeping the mouse button pressed, and drag the block to the desired location.

8.png

Duplicate

  • Click on the "Duplicate" button to create a copy of the selected block.

9.png

Save

  • When you click on the "Save" button, a pop-up window opens. This is where you can name your block and then save it.
  • All saved blocks are stored in the "Saved" area, from which you can call them up at any time.

10.png

Edit

  • Clicking on the "Edit" button. On the right of the page, the editing area for the selected block opens. This is where you can customize the block.

hinweis.png Please note

All settings and changes in the blocks are saved automatically.

11.png

Delete

  • If you would like to delete a block, you can do this easily using the "Delete" button.
  • In this case too, a pop-up opens in which you can delete the selected block.

12.png

Other features of the pagebuilder

Saving & reusing blocks & pages

You can save and reuse the blocks and pages that you have created. For example, you can create different shop pages that are all identically structured and whose content you customize accordingly.

Sharing & selling themes

You can also >>share & sell your themes and make them available to other sellers, for example by selling them as a digital product. If you work as a virtual assistant or agency for your customers, you can create a basic design in this way, import it into your customers' accounts and customize it there.

Master template

We show you how to create a master template in >>Master templates.

Was this article helpful?