Skip to content

sandoche/nuxt-floating-prompt-module

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 

nuxt-floating-prompt-module

npm version npm downloads License Medium Badge Twitter: sandochee

⚡️ Invite your users to support you on product hunt (or any other website) with this floating prompt Nuxt.js module

This library adds Producthunt-floating-prompt to Nuxt.js

Demo

Check out the demo in these websites:

📖 Setup

  1. Add nuxt-floating-prompt-module dependency to your project
yarn add nuxt-floating-prompt-module # or npm install nuxt-floating-prompt-module
  1. Add nuxt-floating-prompt-module to the modules section of nuxt.config.js
{
  modules: [
    // Simple usage
    'nuxt-floating-prompt-module',

    // With options
    ['nuxt-floating-prompt-module', { /* module options */ }],
  ],

    // or use options likes this
    floatingPrompt: {
      name: 'My super product',
      url: 'https://www.producthunt.com/posts/my-super-product',
      text: 'My customized text', // default: Hi, do you like ${name} ? Don't forget to show your love on Product Hunt 🚀
      buttonText: 'My customized button', // default: ${name} on Product Hunt
      width: '500px', // default: 300px
      bottom: '32px', // default: 32px - postition from the bottom
      right: 'unset', // default: 32px - position from the right
      left: '32px', // default: unset - position from the left
      colorOne: 'red', // default: #da552f - first color of the gradient
      colorTwo: 'blue', // default: #ea8e39 - second color of the gradient
      saveInCookies: false, // default: true - if true it will use localStorage to appear only once
      target: '_parent' // default: '_blank' - target of the link
    }
}

⚙️ Development

  1. Clone this repository
  2. Install dependencies using yarn install or npm install
  3. Start development server using npm run dev

🤝 Contributing

Contributions, issues and feature requests are welcome!

⭐️ Show your support

Please ⭐️ this repository if this project helped you!

patreon.png

🍺 Buy me a beer

If you like this project, feel free to donate:

  • PayPal: https://www.paypal.me/kanbanote
  • Bitcoin: 19JiNZ1LkMaz57tewqJaTg2hQWH4RgW4Yp
  • Ethereum: 0xded81fa4624e05339924355fe3504ba9587d5419
  • Monero: 43jqzMquW2q989UKSrB2YbeffhmJhbYb2Yxu289bv7pLRh4xVgMKj5yTd52iL6x1dvCYs9ERg5biHYxMjGkpSTs6S2jMyJn
  • Motive: MOTIV-25T5-SD65-V7LJ-BBWRD (Get Motive Now: https://motive.network)

📄 License

MIT License

Copyright (c) Sandoche Adittane

About

⚡️ Invite your users to support you on product hunt (or anything else) with this floating prompt for Nuxt.js

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published