Get access to Flatsome shortcode. Sign up for free
Are you using Linktree for Instagram? Just use your own Flatsome website. In this Flatsome video tutorial I’ll explain my method of using WordPress and Flatsome to create a simple link page like Linktree.
How to create your linktree alternative
- Create a new page
- Select page layout (Page – No Header / No Footer)
- Copy + paste UX shortcode in UX Builder
- Customise your page
UX Shortcode (Linktree design)
[ux_banner label="Hero" height="400px" height__sm="250px" bg="https://www.sebdelaweb.com/wp-content/uploads/linktree-hero-sebdelaweb-flatsome-webdesigner.jpg" bg_pos="90% 87%"] [/ux_banner] [section label="Content" bg_color="rgb(248, 248, 254)"] [row h_align="center"] [col span="8" span__sm="12" span__md="10" margin="-100px 0px 0px 0px" align="center"] [row_inner label="Profile" style="collapse" h_align="center" class="flattree-avatar"] [col_inner label="Avatar" span="3" span__sm="6" span__md="4" bg_radius="100"] [ux_image id="https://www.sebdelaweb.com/wp-content/uploads/sebdelaweb-flatsome-webdesigner-link-avatar.jpg" height="100%" class="circle"] [/col_inner] [col_inner label="Name" span__sm="12" padding="30px 0px 30px 0px" align="center"] [ux_text font_size="1.2" font_size__sm="1" font_size__md="1.1" line_height="0.75"]@sebdelaweb
Creative resources for Flatsome
[/ux_text] [/col_inner] [/row_inner] [row_inner label="Links" col_bg="rgb(255,255,255)" col_bg_radius="10" padding="20px 20px 20px 25px" padding__sm="15px 15px 15px 15px" padding__md="15px 15px 15px 15px"] [col_inner span__sm="12" margin="0px 0px -10px 0px" depth_hover="5" border="1px 1px 1px 1px" border_radius="10" border_color="rgb(237, 237, 237)"] [featured_box img="https://www.sebdelaweb.com/wp-content/uploads/bakki-sebdelaweb-link-page.png" img_width="70" pos="left" link="https://www.sebdelaweb.com/flatsome-demos/bakki/"] [gap height="10px" height__sm="5px"] [ux_text line_height="1" line_height__sm="1.2"]New demo: Bakki
[/ux_text]Trendy shop design kit for Flatsome
[/featured_box] [/col_inner] [col_inner span__sm="12" margin="0px 0px -10px 0px" depth_hover="5" border="1px 1px 1px 1px" border_radius="10" border_color="rgb(237, 237, 237)"] [featured_box img="https://www.sebdelaweb.com/wp-content/uploads/member-area-sebdelaweb-link-page.png" img_width="70" pos="left" link="https://members.sebdelaweb.com/"] [gap height="10px" height__sm="5px"] [ux_text line_height="1" line_height__sm="1.2"]Member area now open 🎉
[/ux_text]Visit our brand new video community
[/featured_box] [/col_inner] [col_inner span__sm="12" margin="0px 0px -10px 0px" depth_hover="5" border="1px 1px 1px 1px" border_radius="10" border_color="rgb(237, 237, 237)"] [featured_box img="https://www.sebdelaweb.com/wp-content/uploads/flatsome-basics-tutorials-youtube-playlist-sebdelaweb-link-page.png" img_width="70" pos="left" link="https://www.youtube.com/playlist?list=PLwCrG-TY3gsHVT4AMCkJvMHM-Wdwoekva"] [gap height="10px" height__sm="5px"] [ux_text line_height="1" line_height__sm="1.2"]Learn the Flatsome basics
[/ux_text]YouTube playlist to get started
[/featured_box] [/col_inner] [/row_inner] [row_inner label="Buttons" h_align="center"] [col_inner span__sm="12" padding="10px 0px 0px 0px" margin="0px 0px -10px 0px" align="center"] [button text="Rebuilding Louis Vuitton home" padding="10px 0px 10px 0px" radius="10" expand="true" icon="icon-play" icon_pos="left" link="https://www.youtube.com/watch?v=7DrYRXGIogQ" target="_blank"] [button text="Dark Mode plugin for Flatsome" padding="10px 0px 10px 0px" radius="10" expand="true" icon="icon-play" icon_pos="left" link="https://www.youtube.com/watch?v=xQN8m7YX9Mg&t=3s" target="_blank"] [button text="Seb's new website launched" padding="10px 0px 10px 0px" radius="10" expand="true" icon="icon-play" icon_pos="left" link="https://www.youtube.com/watch?v=8dI8do7NyqU&t=6s" target="_blank"] [/col_inner] [/row_inner] [row_inner label="Social Icons"] [col_inner span__sm="12" align="center"] [follow style="small" scale="110" facebook="https://www.facebook.com/sebdelaweb.page" instagram="https://instagram.com/sebdelaweb" youtube="https://www.youtube.com/sebdelaweb"] [/col_inner] [/row_inner] [/col] [/row] [/section]
Other tutorials & documentation
Boost your Flatsome shop further
Add Dark Mode Option for Flatsome Theme Tutorial
Optimising your Product Category Page for WooCommerce
Responsive Buttons with Stack in Flatsome Theme
Black Friday ⚡ Limited offer 50%-Off
Get all Seb's Flatsome Designs
Enjoy instant access to our vast library of premium Flatsome templates. Save more than $600 today.
$960