How to use the Legitimate Builder.io integration

Once a set of Legitimate Tags have been purchased with the builder.io feature, you will receive an invite to a page builder where you can customize the content that goes with your item.

Here's a list of content that can be added:

• Text

• Image

• Video

• Content Embeds

  • supports oEmbed compatible services such as YouTube, Spotify, SoundCloud, etc.

  • a list of supported services is here

Editing

The desktop preview is constrained to a mobile device width in order to simulate the experience on mobile phone. In order to edit, please switch to the Mobile Edit view to change the content.

Styling

The Legitimate brand fonts PS Times and ABC Favorit are both included as well as other web-safe fonts and system defaults.

You can also include your font files through custom CSS added to the page.

Video Tutorial

Templates

Legitimate has a few options for templates you can use within builder that your team will onbaord you onto during your builder onbaording call.

To use a template in your Legitimate Tag's builder.io page simply import that template in the your page:

Figma to Builder Integration

You can also use the figma to builder.io plug in in order to convert your designs to builder. Please ensure your designs are sized properly for mobile devices before converting by utilizing Figma's auto-layout feature. Please follow our details instruction on this process on our "Figma to Builder.io Integration with Legitimate" if you chose to use this option.