Product page interface template using UX Block Flatsome Flat Ten Sticky:

Contact Form

<!-- CONTACT FORM OF FLAT TEN -->

<div class="flex-row form-flat medium-flex-wrap">
<div class="flex-col flex-grow">
<label> Your name and surname</label>
[text* your-name "John Doe"]
</div>
<div class="flex-col flex-grow">
<label> Your Birthday</label>
[date* birthday placeholder max:2021-03-18 "Your birthday"]
</div>
<div class="flex-col flex-grow">
<label> Your email for news</label>
[email* your-email "Your best email"]
</div>
<div class="flex-col ml-half">
[submit class:button primary "Subscribe"]
</div>
</div>

Shortcode UX Block

Download UX Block Shortcode

CSS

/*STICKY PRODUCT OPTIONS NAVBAR*/ .sticky-down { position: -webkit-sticky; position: sticky; top: 0; overflow: hidden; z-index: 999; }

How to use

This is how to add the code to your website built on Flatsome UX Builder:

ADD CONTACT FORM (CF7 PLUGIN)

1. Copy to the clipboard
2. Paste on Contact > Add new > Form
3. Add a form’s name and save
4. Done!

ADD SHORTCODE

1. Copy code to the clipboard
2. Paste on UX Builder > Add Elements > Import
3. Click anywhere to refresh it quickly
4. Done!

ADD CUSTOM CSS

1. Copy to the clipboard
2. Paste on Flatsome > Advanced > Custom CSS or Flatsome > Theme Options > Additional CSS
3. Publish it to see result
4. Done!