Back in Stock: Signup Form Customization

At a glance: Customise your signup form appearance, fields, branding, and analytics tracking settings.

Pop-up form with Email & Web-push enabled

This comprehensive guide covers everything from basic signup form setup to advanced customization, branding, and analytics tracking for your Back in Stock notifications.

Navigate to: Restock Alerts -> Customize appearance from your Back in Stock dashboard to access all customization options.

Your signup form reflects the notification channels you have enabled in your Back in Stock app. The form automatically adapts to show only the notification options you've set up.

By default, your account includes:

✅ Email - Enabled by default
⚪ SMS - Disabled by default
⚪ Web Push - Disabled by default

Once you enable additional channels, your signup form automatically starts including those options (SMS/web push)

Setting Up Additional Notification Channels

To enable SMS notifications: Follow our SMS Setup Guide for complete configuration instructions.

To enable Web Push notifications: Follow our Web Push Setup Guide for complete configuration instructions.

Important: After enabling SMS or Web Push, additional settings will become available on your signup form customization page, allowing you to configure defaults and styling for these new channels.

Form Customization Options

Configure your signup form to display in different languages for international customers:

In the top right will be the option on the template page to change the language
Customize text for each language variant

2. Copywriting & Headers

Adjust the messaging and headers that appear on your signup form:

Customizable Elements:

Main headline text
Description/subtitle text
Button labels
Success message text
Error message text

Tips: Keep headlines concise and action-oriented. Focus on the benefit (get notified, don't miss out, etc.).

3. Color & Visual Styling

Match your signup form to your brand colors and aesthetic.

Each section includes custom inputs for colours

Available Styling Options:

Background colors
Button colors
Text colors
Border styles
Font selections

4. Custom CSS Styling

For advanced customization, add CSS to the Custom Styles field. This CSS applies only to your Back in Stock form and won't conflict with your theme.

Common CSS Examples:

Square button corners:

.btn { border-radius: 0; }

Hide variant dropdown (all products):

select#variants { display: none; }

Hide variant dropdown (single-variant products only):

select.single_variant_product { display: none; }

Important Notes:

Changes appear in the preview panel as you edit
CSS only affects the Back in Stock popup form
Preview shows success and error message styling

5. AI Upsells Integration

Add intelligent product upsells to your signup form to increase average order value:

Enable this feature to show relevant product recommendations when customers sign up for notifications.

To set up AI upsells: See our dedicated Upsell by AMP Integration guide for complete setup instructions.

Advanced Tracking & Analytics (Optional)

Note: This section is only for merchants who want to track events in the popup signup form. For example, if you want to track when a customer clicks the submit button in the signup form and record the event in Google Analytics or Facebook for advertising optimization and conversion tracking.

Facebook Pixel Integration

Track signup form interactions and conversions with Facebook Pixel for better ad targeting and ROI measurement.

Implementation Process

Contact our support team at backinstock-support@useamp.com with:

Your store name
Request for Facebook Pixel integration
Your Facebook Pixel ID

Code Example

Our team will implement tracking similar to this structure:

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');

// Your Facebook Pixel ID replaces FB_PIXEL_ID
fbq('init', 'FB_PIXEL_ID');
fbq('track', 'PageView');

// Track signup form submissions
document.addEventListener('click', function(e) {
    if (e.target.nodeName == 'BUTTON') {
        fbq('track', 'NotifyMeSubmit');
    }
});
</script>

<noscript>
<img height="1" width="1" style="display:none" 
     src="https://www.facebook.com/tr?id=FB_PIXEL_ID&ev=PageView&noscript=1">
</noscript>
<!-- End Facebook Pixel Code -->

Tracked Events

PageView - When customers view pages with signup forms
NotifyMeSubmit - When customers submit notification requests

Google Analytics Integration

Similar implementation available for Google Analytics tracking. Contact support with your:

Store name
Google Analytics tracking ID
Specific events you want to monitor

Benefits of Advanced Tracking

ROI Measurement - Track which notification signups convert to sales
Ad Optimization - Create lookalike audiences based on signup behavior
Customer Insights - Understand which products generate most interest
Performance Analysis - Compare notification channels and signup sources

Important Form Limitations & Notes

Form Types

Popup forms (default) - These customization settings apply and show in a dialog overlay
Embedded forms (custom theme integration) - Inherit theme styles, these settings won't apply

Data Collection

Forms only capture:

Email/phone number
Quantity required (if enabled)
Mailing list opt-in (if enabled)
Custom fields are not currently supported

Paid vs. Free Plans

"Powered by Back in Stock" link appears on free plans
Link is automatically hidden when you upgrade to a paid plan

Mobile Compatibility

Popup forms are responsive and work on mobile devices
Test your customizations across different screen sizes

Best Practices

Design & Branding

Maintain brand consistency with your store's color scheme and fonts
Keep forms simple - too many options can reduce conversion rates
Test mobile appearance - many customers browse on mobile devices
Use clear, action-oriented copy that emphasizes benefits

Channel Strategy

Enable SMS for higher engagement rates (3x more effective than email)
Keep web push active for immediate notifications
Set email as default since it has universal compatibility

Performance Optimization

Monitor form conversion rates after customization changes
A/B test headlines and button text to find what resonates
Review analytics data to understand customer preferences
Keep loading times fast - minimize custom CSS complexity

Troubleshooting

Customization Issues

Preview not updating - Clear browser cache and refresh
CSS not applying - Verify syntax and targeting is correct
Mobile display problems - Test responsive design across devices

Channel Configuration

Channels not appearing - Verify enabled in Notification Channels settings
SMS not working - Check SMS credits and setup requirements
Web push permissions - Customers must grant browser notification access

Advanced Tracking

Events not firing - Test implementation with Facebook Events Manager or Google Analytics
Pixel conflicts - Verify tracking IDs are correct and not duplicated
Ad blocker interference - Some customers may have tracking blocked

Need help with advanced form customization? Contact our support team for assistance with complex styling or integration questions.