⚡️ 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
Check out the demo in these websites:
nuxt-floating-prompt-module dependency to your projectyarn add nuxt-floating-prompt-module # or npm install nuxt-floating-prompt-module
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
}
}
yarn install or npm installnpm run devContributions, issues and feature requests are welcome!
Please ⭐️ this repository if this project helped you!
If you like this project, feel free to donate:
Copyright (c) Sandoche Adittane