Skip to content

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

License

Notifications You must be signed in to change notification settings

sandoche/nuxt-floating-prompt-module

Repository files navigation

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

Sponsor this project

Packages

No packages published