Move Notify me button on specific position on page
Stoq enhances the customization of your product pages by offering the flexibility to place the "Notify Me" button in a specific location. This feature ensures that the button aligns perfectly with your store's design and user experience strategy, making it more intuitive for customers to sign up for restock alerts.
Navigate to Stoq, click on 'Back in stock alerts' from the left menu bar of the app.
Under Signup Widget, go to ‘Position on product page’.
Within the ‘Position on product page’ section, you'll find three options: Below Sold Out button, Floating on right side, and Floating on left side. Choose the first option for below the Sold-Out button.
A confirmation banner will prompt you to check your store and verify the button's placement. If it's correctly positioned below the Sold-Out button, confirm by clicking 'Yes'.
If the placement isn't quite right or you desire a more precise location, click "No" from the 2 options:
Chat with Support: Select "Chat with Support." A popup chat box will open with default text "Hi! I need help with setting up 'Notify me' button." Just click the arrow button and our dedicated Support team will assist you in placing the button exactly where you need it, ensuring a seamless integration with your page layout.
DIY Option: If you're comfortable with HTML/CSS, choose "I'll do it myself." Use your browser's inspect tool (Right-click > Inspect) to find the appropriate element selector on your page. Enter this selector in the provided text box, remembering to prefix with a "." for classes or "#" for IDs.
How to place the button in specific position:
Navigate to Stoq, click on 'Back in stock alerts' from the left menu bar of the app.
Under Signup Widget, go to ‘Position on product page’.
Within the ‘Position on product page’ section, you'll find three options: Below Sold Out button, Floating on right side, and Floating on left side. Choose the first option for below the Sold-Out button.
A confirmation banner will prompt you to check your store and verify the button's placement. If it's correctly positioned below the Sold-Out button, confirm by clicking 'Yes'.
If the placement isn't quite right or you desire a more precise location, click "No" from the 2 options:
Chat with Support: Select "Chat with Support." A popup chat box will open with default text "Hi! I need help with setting up 'Notify me' button." Just click the arrow button and our dedicated Support team will assist you in placing the button exactly where you need it, ensuring a seamless integration with your page layout.
DIY Option: If you're comfortable with HTML/CSS, choose "I'll do it myself." Use your browser's inspect tool (Right-click > Inspect) to find the appropriate element selector on your page. Enter this selector in the provided text box, remembering to prefix with a "." for classes or "#" for IDs.
Updated on: 27/08/2024
Thank you!