How to add Flip Cards to a Dorik website

Embed Flip Cards on Dorik in just a few steps

Embed Flip Cards on Dorik

01
Create a Flip Cards widget for Dorik On Common Ninja

First, create a Dorik Flip Cards widget on Common Ninja.

On the widgets catalog, find the Flip Cards and enter the Editor.

Create a Flip Cards widget for Dorik On Common Ninja
02
Save the Flip Cards widget

When you're done creating the Flip Cards widget, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Flip Cards widget
03
Copy the Flip Cards Embed Code

When you're ready to add the Flip Cards widget to your Dorik website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the widget embed code. In the next steps, you will paste this code into your Dorik [site_type].

Copy the Flip Cards Embed Code
04
Add new Element

Now, let's head to your Dorik's website editor.

In the Dorik editor, click on Add New Item, wherever you wish the Flip Cards will show.

Add new Element
05
Select the Custom Code element

From the Elements list, select the Custom Code Element.

Select the Custom Code element
06
Add the Flip Cards embed code

Now, on the right panel of the new element you've added to the page, in the HTML window and in the JAVASCRIPT window, simply paste the Flip Cards embed code you've copied before.

Add the Flip Cards embed code
07
Save your changes

Click the Publish button at the top of the screen to save your changes.

Please note: the Flip Cards content will not show on the Dorik's editor or on the preview mode and will only show on the published site.

Save your changes