Open Flipbook with custom buttons & elements(PRO)

At times the inbuilt buttons and thumbs provided by DearFlip do not match your site layout and theme. In such case trigger feature can be used. It relies on the ID of element where the click has to be made.

---

1. Create/Prepare the trigger element #

If you have a button which has to be clicked, make sure it has an unique ID. This can be different for different builders, but every builder should have an option/attribute field for ID.

Example:
Set the ID(HTML Anchor) of button to my_flipbook_button (See Gutenberg Example below)

---

2. Shortcode to assist the trigger #

In your regular shortcode [dflip id=1234][/dflip] add the following:

1. type="hidden"
   this registers a flipbook with settings and keeps it hidden on the page
2. trigger="id_of_the_element_to_trigger"
   This registers the trigger to the element where the click has to be done.

Resulting shortcode:
[dflip id=1234 type="hidden" trigger="id_of_the_element_to_trigger"][/dflip]

Example:
using the button with ID my_flipbook_button create earlier
[dflip id=1234 type="hidden" trigger="my_flipbook_button"][/dflip]

---

Demo Example: #

The button below will open a flipbook just like the lightbox button does.

---

FAQs / Possible Issues : #

My trigger is not working! #

It is possible that there are two elements with the same id, Only the first element will be registered as trigger, try using a new and different id.

My page builder doesn’t have ID attribute! #

In some builders Anchor is used instead of ID. Try using Anchor attribute.