@invitation/embed

Invitation codes 🔗 embed

What is this?

Invitation is a social network focussed on sharing offers and deals with your friends. This module lets Invitation members (and publishers) embed offers on their own websites.

Using this module, Invitation codes members can feature their referral codes on on their websites and publishers can automatically show available deals & coupons for any brands. This module is written in ES6 ans is specefically written to fit in modern developpement stacks (React, vue, etc)

Setup 🚀

Install the module (react, vue, etc)

npm i @invitation/embed

Load the web components library

In your app, anywhere, initialize the embed library:

import embed from '@invitation/embed';
embed(); //loads the lib

With a custom locale:

import embed from '@invitation/embed';
embed({
    locale: 'es_MX' //Spanish (Mexico) translation of widgets
})

Basic setup 🚲

Installing this as a module is not necessary for simple html websites like:

• Wordpress site,
• Basic HTML site,
• Server-rendered webpages (PHP)
• Wix, Squarespace
• any other hosted services.

Simply add this script tag in to your website header:

<script defer async src="https://invitation.codes/invitation-widgets.js" />

Usage 🧰

Now, anywhere in your templates, you can include Invitation custom components. There are many widgets to choose from, and they can be customized via html attributes. Some popular ones includes:

• a member's list of referral codes,
• a specefic post,
• a list of deals for a specefic brand.
• full list: https://invitation.codes/widgets

Example:

<invitation-user-code program="buy-me-a-coffee" user="Owc4NhV2y" layout="card" ><a href="https://invitation.codes/">Find and share referral codes on Invitation</a> - the referral community.</invitation-user-code>
<!--    Invitation.codes widget
        Details: https://invt.co/widgets  -->

Documentation 📖

The specefics of attriutes and available tags changes frequently, check the Invitation codes webiste for details specs:

🧪 Playgrond: https://invitation.codes/widgets (sign-in required)

Support

If you have questions or a bug to report, you can contact the support team directly via our inbox:

💁 invt.co/@support