(Free) Flip Icon Section

To add a Flip Icon Section, like this.

View Demo – Password: abc

Plugin09v1 2 1

#1. Install code

First, click Gear icon on Page where you want to place Flip Section

Plugin09v1 1 min

Next, click Advanced > Paste this code to right box

<!-- Flip Section @tuanphan -->
<link rel="stylesheet" href="https://code.beaverhero.com/file?filename=1759891257381flipiconsectionfree.css"/>
<script src="https://code.beaverhero.com/file?filename=1759891283053flipiconsectionfree.js"></script>

Plugin09v1 2 2

#2. Usage

Next, you add a People List Section (choose People > Choose section with (i) icon)

Plugin09v1 3 min

Next, hover on top right of People Section > Click Edit Content

Plugin09v1 4 min

At tab Elements, enable these options

Plugin09v1 5 min

At tab Content, you can add your desired content (title, body text, image, url)

Plugin09v1 6 min

Something like this

Plugin09v1 7 min

Plugin09v1 8 min

Next, hover on top right of People Section > Click Edit Section

Plugin09v1 9 min

At tab Format > Enter #flipsection into Anchor Link option

#flipsection

Plugin09v1 10 min

If you have 2 People Sections and you want to make both into Flip, you can enter #flipsection2, #flipsection3, #flipsection4…into these sections

Plugin09v1 11 min

Buy me a coffee