Add a connection form to your website
Embed a myne connection form on your website so visitors can join or share their details.
Published
Lakshey
A connection form lets people on your website join your brand or share their details without leaving your site. When someone submits the form, myne creates or updates their customer profile with the information you collect.
If you also use myne website tracking, a form submission links that person’s earlier page views and events to their profile. See Add myne website tracking to your site to set up tracking first.
Before you start
You need:
A connection form created in myne (under Settings → Brand → Forms).
Website tracking set up on the same domain, with your site listed under Allowed domains on the Tracking tab.
Access to add HTML or custom code on your website (or help from whoever manages your site).
Copy your embed code
In myne, go to Settings → Brand → Forms.
Find the form you want to embed and select Copy embed code.
Under Layout, choose how the form appears on your site:
On page — the form is shown directly where you paste the code.
Button — a button on your page opens the form in a popup. Enter the Popup button text (for example, “Join our loyalty program”).
Copy the embed code shown in the modal.
The snippet includes a script tag and either the form markup (on page) or a button (popup). Paste it on the page where you want the form or button to appear.
Add the embed to your site
Paste the code into your page HTML, CMS block, or site-wide custom code area — the same place you would add other third-party widgets.
For an On page embed, put the code in the section where you want the form to show (for example, a signup area on your homepage or a dedicated join page).
For a Button embed, paste the button where you want it to appear (for example, in your header, footer, or next to a call to action). The form itself opens in a popup when someone clicks the button.
Publish or deploy your changes, then open your live site and check that the form or button appears.
Style the form
Colours and labels for the embedded form are set in myne under Form styling when you edit a form (Settings → Brand → Forms → open the form).
You can set:
Form background
Input background
Button colour and Button text colour (the submit button on the form)
Submit label
Loading image
Leave a colour field blank to use your brand colours from Settings → Brand → Brand Style. Form styling applies to the form itself — both on-page and in the popup — not to a Button layout trigger on your website.
Button and font appearance on your website
If you use the Button layout, the button on your website uses your site’s existing styles. myne does not add its own button colours or fonts to that element — it only opens the form when clicked. Style the button with your theme, page builder, or custom CSS so it matches the rest of your site.
The form inside the embed (on page or in the popup) uses your website’s font by default, so it should feel consistent with your site typography.
Position and spacing (on-page embeds)
An On page embed does not include extra padding or margin around the form. It appears exactly where you paste the code in your page layout.
To add space above or below the form, wrap the embed in a container in your CMS or adjust your page section spacing. To move the form down the page, place the code lower in the page content — the form is not fixed to the top of the screen.
Preview vs your live site
The preview in myne when you copy embed code is a simplified colour preview. The form editor preview shows how fields and copy are arranged in myne, but it is not a pixel-perfect match for the live embed.
Always check your live website after publishing changes. Small layout differences (such as label placement or spacing) are normal because the embed is designed to sit inside your site’s layout and styles.
What happens when someone submits
When a visitor completes and submits the form, myne saves their details according to the fields on that form. If website tracking is active on the same domain, myne can link their submission to their browsing session and earlier page views.
After-submit behaviour (such as a thank-you message or redirect) is configured in the form editor under After submit.