New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@invitation/embed

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@invitation/embed

A module that enables dynamic embeds and widgets from Invitation 🎁 https://invitation.codes

  • 1.0.1
  • latest
  • npm
  • Socket score

Version published
Weekly downloads
1
decreased by-85.71%
Maintainers
1
Weekly downloads
 
Created
Source

Invitation codes 🔗 embed

What is this?

Invitation is a social network focused on sharing offers & referral codes 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 their websites and publishers can automatically show available deals & coupons for any brands. This module is written in ES6 and is specifically written to fit in modern development stacks (React, vue, etc)

npm version

Setup 🚀

Install the module (react, vue, es6, etc)

npm i @invitation/embed

Load the web components library

In your app, anywhere, initialize the library:

import embed from '@invitation/embed';
embed(); // Initialize web-components library

This function only need to be called once. Once in memory, the library will render all <invitation-something> components it encounters in future templates.

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 web pages (PHP)
  • Wix, Squarespace
  • any other hosted services.

Simply add this script tag into your website <head>:

<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:

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 specifics of attributes and available tags change frequently, check the Invitation codes website for details specs:

🧪 Playground: 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

Support team - Hi! We're here to help 💪 | Invitation

Example uses

🚧 soon 🚧

Keywords

FAQs

Package last updated on 07 Nov 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc