Click HERE for an interactive tutorial. Scroll to the bottom for animated steps.
Detailed Step-by-Step Tutorial
Add a Flipbook
- Go to MEDIA at the top of the screen.
- Drag Flipbook widget to an area of the page where you'd like to add it to.
- Double-click on Flipbook or highlight it and go to Settings pane > APP.
- Select Book: If any flipbooks have been previously created, select one from the dropdown list.
Manage Flip Books
- Manage Flip Books: Click to edit existing flipbooks or to create a new one.
- Topics: Click Manage to edit existing topics of a book or add new ones.
- Pages: Click Manage to edit existing pages of a book or to add new ones. Page content can be created using a WYSIWYG or HTML editor.
- Edit: Change book name or cover page.
- Delete: Click to delete a flipbook.
- Active: Toggle ON/OFF to activate/deactivate a flipbook.
- Add Book: Click to create a new flipbook.
- Book Name: Enter a name for the new flipbook.
- Cover Page: Select a file (.jpg, .jpeg, .png, or .gif) from your computer to use as a cover page for the book (suggested dimensions: width - 480px and height - 600px).
- Is Active: Toggle ON to activate the new flipbook.
- Click Save.
General Settings
- Title: Enter the title.
- Show as Tooltip: Show the title as tooltip (text that appears when your mouse hovers over the flipbook).
- Top: Set top margin.
- Left: Set left margin.
- Width: Set the width.
- Fixed Width: Toggle ON to fix flipbook's width.
Background
- Color: Choose background color.
- Opacity: Set opacity for the background.
- Image: Enable to use an image as a background.
- Size: Choose background size (i.e. auto, 100%, etc.).
- Position: Set position of the background.
- Repeat: Choose repeat type for the background.
Border
- Color: Choose border color.
- Style: Chose border style.
- Width: Choose the width of the border.
- Radius: Choose border corner radius.
Box Shadow
- Shadow: Toggle ON to create a shadow for the contact form.
- H-Shadow: Set horizontal position of the shadow.
- V-Shadow: Set vertical position of the shadow.
- Blur: Set blur value for the shadow.
- Spread: Define how far the shadow spreads.
- Color: Set the color for the shadow.
- Style: Select between inset and outset.
Comments