Pull down the variation menu and click on “New element”.
A pop-in offers you several options:
Add an image
Import an image
The selection pop-in now allows you to choose between three modes of image selection.
From your computer
This download option allows you to choose from the files stored on the computer.
Once the image has been downloaded, you can change or delete it using 1 of the 2 icons on the top right corner.
Then choose whether or not to save it in your library.
You can add a link to redirect your visitors to a page.
From a URL
Just enter the URL and click on “Done”.
From your image library
If the library contains at least 1 image, the library opens and you can pick an image.
If the library does not contain any images, the icon is grayed out and cannot be chosen.
Structure of the image library
Search and sorting tools
Images stored in the library
Search and sorting tools
Some search and sorting tools helps you to find a particular image in your library:
Next to the number of images stored into the library is displayed a tooltip to inform you about the library storage and how much space you have left in %.
The storage limit is 1 Go.
If the images take between 90 and 100% of the storage, you will see an orange warning next to the text.
If the images occupy 100% of the library total storage, you will see a red warning and the “Add a new image to the library” option will be deactivated.
Select an image from your library
To add to your experience one of the images stored in your library, simply select it in the library pop-in (its outline becomes green) and click “Done” at the bottom right.
It will then be added as a pop-in or as an image, depending on the option chosen in the variation menu at the beginning of the process.
Hovering on an image
When hovering over an image, 3 options appear.
On click, the image is displayed in a larger size.
This way, you can zoom on an image and see it in its real proportions, even for images that don’t have square proportions.
You can also navigate between the images of your library from this option by using the arrows on the left and right of the image.
To exit the expansion mode, just click on the cross on the upper right.
Click on the bin icon.
A message asks you to confirm your choice. You can either click on the green check to permanently delete the image or cancel the deletion by clicking on the grey arrow.
On click on the pencil icon, or when double-clicking on the name of the picture, you will be able to rename the image.
Image addition directly from the library
When clicking on the option, a tooltip opens and offers the choice between adding from the computer or adding from a URL.
The operation is then the same as in the previous cases.
Managing your image library
If you wish to access your image library directly, click on the menu at the top left of the editor, then go to “General configuration” > “Image library”.
Add a text paragraph
Choose “Paragraph”: a pop-in opens where you can type your text and format it with the built-in formatting bar. Then click on “Validate” to integrate the text into the page.
You can move the text on the page using the “Position” tab of the tool panel and change it at any time via the “Style” tab.
Add a pop-in
A pop-in is a window that opens inside your web page, above its content. It can appear upon opening the page or after an event (like a click on the “Add to cart” button).
Select the image
To select an image, type its URL in the corresponding field, import a file from your computer or choose one of the images from your library (if the icon is grayed out, it means that you have not yet loaded an image into your library).
Redirect the visitor to
If you wish, you can add a link to your pop-in. To do this, simply indicate the link in the corresponding field.
The URL you entered will open in a new window if the visitor clicks anywhere in your pop-in.
Position of the pop-in on the page
By default, the pop-in is located in the center of the page, but you can choose its location by clicking on one of the arrows of the diagram. You can also move it with a simple drag and drop, or precisely adjust its position on the X (horizontal) or Y (vertical) axis by clicking on “Advanced positioning”.
Drag the toggle buttons to “ON” to limit exposure to the pop-in.
A menu is displayed for each option, allowing you to configure it precisely.
Then click on “Done”: your pop-in is added to your page!
You can then move or edit it using the “Position” and “Style” tabs in the tool panel.
Pull down the variation menu and click on "New element". A pop-in offers you several options: An image A paragraph…