How to add Flip Cards to your website

Embed Flip Cards on your website in just a few steps

How to Embed Flip Cards on Your Platform

Choose your platform to see detailed, step-by-step instructions for embedding Flip Cards seamlessly.

Wix
WordPress
Duda
BaseKit
Big Cartel
Boxmode
Bubble
Carrd
Elementor
ePages
Flexbe
ImCreator
Instapage
Jimdo
JouwWeb
Jumpseller
Landingi
Mobirise
Mozello
Nuvemshop
PageFly
Pagewiz
Pinnacle Cart
RocketSpark
Shift4Shop
Shogun
Shopify
Site123
SiteW
Solidpixels
Squarespace
Strato
Strikingly
Tilda
uCoz
Unbounce
Webflow
Weblium
Webnode
Website X5
WebStarts
Weebly
Yola
Zyro
8B Site Builder
about.me
AmeriCommerce
Avada
Bandzoogle
Beaver Builder
BigCommerce
Bitrix24
Blocs
Blogger
Boldgrid
Bolt CMS
Bookmark
Bootstrap Studio
Builderall
BuildYourSite
Cafe24
Carbonmade
CCV Shop
Ceros
clickbooq
ClickFunnels
Cloudward
CM4All
CMS Max
Concrete CMS
Constant Contact
Contao
Cornerstone
Craft CMS
Cratejoy
CS Cart
Design Modo
Divi
Datalife Engine
DoodleKit
Drupal
Ecwid
EditorX
Eshop rychle
ExpressionEngine
eZee Panorama
Flipsnack
Format
GetResponse
ghost
GoDaddy Website Builder
Google Sites
Gutenberg
Homestead
HostGator Website Builder
HostPapa
HubSpot
InSales
IONOS
iPage Web Builder
Jigsy
Joomla
JUGEM
Kajabi
Kartra
Kentico Xperience
Lander
Leadpages
Lightspeed
Macaw
Magento
Mailchimp Website Builder
Mercado Shops
Microweber
MioWeb
Modx
MotoCMS
Movable Type
MyOnlineStore
Netlify CMS
NinjaSites Website Builder
Novi Builder
October CMS
One.com Site Builder
OnePager
Ontraport
OpenCart
OptimizePress
Orson
Oxygen Builder
Pagecloud
Pagevamp
PageXL
Pattern Etsy site builder
PhotoShelter
Pinegrow
Pivot Page Builder
Pixpa
Plone
PrestaShop
Progress Sitefinity
Puzl
Quarkly
Readymag
Renderforest Website Maker
RVSiteBuilder
Salla
Sellfy
Semplice
Sendinblue
Shoper
Shopfa
SHOPLINE
Shoptet
Shopware
Showit
Sidengo
SilverStripe
Simbla
Simvoly
sitebuilder.com
Sitecore
SiteJet
SiteOrigin
Slides Site Generator
SnapPages
SP Page Builder
Splash
Square
Storeland
SubHub
Tailor Brands Website Builder
TemplateToaster
Thinkific
Thrive Architect
Tiendanube
Tumblr
TYPO3
Ucraft
Ueeshop
Ukit
Umbraco
Unicorn Platform
Verizon Small Business Essentials
Visual Composer
Volusion
Voog
Web.com Website Builder
Webador
WebEden
Webiny
Webs
Webself
Website Box
Webydo
Weld
WooCommerce
WP Page Builder
WP Engine
WPBakery
Wuilt
X-Cart
Zenfolio
Zoho Sites
BOWWE
FreeWebStore
Ubercart
Spree Commerce
BranchBob
nopCommerce
Solidus
Grav
Pagio
Sulu
Apostrophe Assembly
Publii
Vev
Framer
Reniwn
Sana
Turbify
Uscreen
Brizy
WebWave
Mono
BandVista
Jersey Watch
Playpass
TeamSnap
TeamPages
Hostinger
Pitchero
ButterCMS
Magnolia CMS
Pixieset
My Website Builder
Durable
Shorthand
home.pl
TeleportHQ
SamCart
ASP
SmartStore
Imweb
UXfolio
Typedream
Portfoliobox
Fabrik
ChurchDev
Wishpond
W3Schools Spaces
123 Reg
Church Community Builder
ClassCreator
UENI
CoffeeCup
LanderLab
MailerLite
ProHoster
Wappler
ZegaShop
Odoo
Swipe Pages
FunneLish
myRealPage
FunnelCockpit
YouCan
LearnWorlds
AdvantShop
XenForo
Yampi
DNN
Teachable
Wagtail
Subbly
Overblog
MyCashflow
DropInBlog
Brightspot
Arc XP
Persona
Lodgify
Genially
Subsplash
OpenCities
Microsoft Power Pages
Knorish
FlexiFunnels
Bazium
RubberDuck
Dorik
10Web
Goope
B12
Lindo
Vintcer
Hocoos
Appy Pie
Upgates
Payhip
Dora
Commerce Vision
Stunning
Jemi
ScoreApp
Oddle
HighLevel
ThriveCart
Moodle
Guesty
Cloudflare Pages
NING
PhotoBiz
MyBB
Pixnet
Instamojo
Shoprenter
Neocities
Zid
51microshop
Zinja
ASEKIO
 Onepage
GreatPages
Alboom
Kopage
Notion
WiziShop
Divhunt
Ycode

Embed Flip Cards on Your Website

01
Create a Flip Cards widget for your website on Common Ninja
First, create a Flip Cards widget on Common Ninja. On the widgets catalog, find the Flip Cards and enter the Editor.
Create a Flip Cards widget for your website 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 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 website.
Copy the Flip Cards Embed Code
04
Paste the code to your Platform website’s HTML field.
Next, go to your Platform website editor and find the HTML field. It is most likely in the form of an HTML/Code widget or module which you can find on the Platform’s editor. Add it to your page, and paste the Flip Cards Embed Code you’ve copied before to the HTML field. Save and update, and that’s it, you should have Common Ninja’s Flip Cards widget on your Platform website.
Paste the code to your Platform website’s HTML field.
05
Alternative Method 1: Through the HTML option in the text’s editing area.
If you can't find the HTML/Code widget or module, there's another way to put Common Ninja’s Flip Cards widget on your Platform widget. You can just add the code to a special HTML section in the text editor.
Alternative Method 1: Through the HTML option in the text’s editing area.
06
Alternative Method 2: Add it directly to your Platform website’s HTML code.
If you're having trouble finding a widget or a special part in your text editor where you can add the Embed Code, you can try a different way to add the Flip Cards widget to your Platform website. You can do this by putting it straight into your Platform website's HTML code.
Alternative Method 2: Add it directly to your Platform website’s HTML code.