First, connect your Facebook account to Springbot by clicking Store > Integrations at the top of your dashboard. Click on Facebook and follow the prompts to connect Facebook to Springbot. When completed, you will be redirected back to Springbot to select your default Facebook Business Page.
Setup Facebook Widget
About the Widgets:
Facebook Messenger requires an opt-in for businesses to send messages. Springbot will capture Facebook Messenger Subscribers by placing a “Send to Messenger” widget on your website. The widget will be automatically placed on every product page across your site.
Types of Widgets
- Add to Cart: While shopping your site, your visitors will see an option to check off / turn on the Send to Messenger checkbox. Once they add an item to their cart, they will be added to your Messenger Subscriber list and will be able to receive Abandoned Cart Messages.
Discount: This works similarly to the option above, but goes a step further to reveal a discount code after the visitor checks off / turns on the Send to Messenger checkbox. Once they add an item to their cart, they will be added to your Messenger Subscriber list and will be able to receive Abandoned Cart Messages.
- ** We recommend starting with this widget first! This option is more helpful in getting Messenger subscribers because it incentivizes the visitor with a discount code.
*Note: Facebook does not allow a lot of customization for these widgets.
How it works:
- Site visitors will visit a product page on your website
- Visitor chooses to check the “Send to Messenger” box in the widget on any product page
- If the visitor is already signed into Facebook in their browser, they will see their name is signed in within the Widget
- If visitor is not signed into Facebook, they will see a sign in prompt within the Widget
- Then they select the Add to Cart button on that product page to add that product to their cart
- They will be subscribed to the your Messenger Subscriber list and will receive Abandoned Cart Messages in their Facebook Messenger
Selecting Your Widget
In your Springbot dashboard, select Automations > Settings.
Scroll down to see your Facebook Messenger Settings. You have two setup options depending on which widget you want to start using:
Add to Cart Widget
- Text: This is what appears below the Send to Messenger and Facebook user text on the Widget.
- Subscribed Text: This is what appears after the visitor has checked the box and added a product to their cart. Consider this the success message.
- Widget Size: Small, Medium, Large, Standard, X-Large
Text Color:This changes the font color.
- White (for black text)
- Black (for white text)
Alignment:Alignment of widget text
- Header: Appears above the widget. Use this to draw attention to the discount you're providing!
- Subheader: Appears directly below the header. Use this to explain how they get the discount and what they are signing up for.
- Call to Action Button: This text appears on the button (this button will be inactive until the visitor selects the checkbox for “Send to Messenger”)
- Coupon Code: The generic coupon code customer inputs that will be revealed once visitor selects “Send to Messenger” and then the Add to Cart button
Adding the Widget to Your Site
Once you have customized your widget, select “Activate” and Springbot will automatically place this widget across your website.
If you'd prefer to place the widget on your own or want make further customizations, you have the ability to copy the widget code from the Widget section on the Master Settings page and add it to your site.
The Widget will not activate unless Facebook has been connected on the Integrations page. You will see an alert notification on the Master Settings page if you select Activate and have not yet authorized Facebook.
Using Facebook Messenger as An Action
In your Springbot dashboard, select Automations > Dashboard and navigate to your Abandoned Cart Automation. If you'd like to send a Facebook message instead of an email, click into the Action Step and select Facebook Message on the left hand side:
Lastly, you will want to click on the pen & paper icon that appears when you click on the action box. On the Facebook Message configure page, you have the option to edit text like the introductory message, header, subheader and call to action, if you wish.
Below is an explanation of each editable action in this message.
To build out your Facebook Messenger email, you'll need to fill out the sections you see on the Design page:
- Trigger Name: This is internal only so your customer's won't see how you name this email. It's just to help your team easily identify it in your Springbot dashboard!
- Introductory Message: This message will be sent right before the items in the cart are sent to the shopper. Use this to greet your Messenger Subscribers and let them know about their abandoned cart.
- This adds a finished look to the top of the cart message after the first message is sent.
- In order to keep the text readable, Facebook puts a 40% transparent black overlay on your image
- Ideal dimensions are 1000x520 px
- We recommend using a lifestyle image here, but your logo works as well. Keep in mind the Header (more below) will be in a white font, so don't use an image that is too light or a logo that is on a white background.
- Header: This goes over the background image.
- Subheader: This goes over the background image below the Header.
- Call to Action: This is the text that is on the button
- Cart Contents: Product Name, Product Image, Product URL (this is automatically pulled in for you!)
Turning It On
Now we can turn it on! To do so, you will want to make your way back to the Automations > Dashboard, find your FB Abandoned Cart flow and hit the On button to right of the name. Your Facebook Abandoned Cart message will now send to every people that opts to be on your Facebook list & then abandons a cart!
Need more help? Drop us a line at firstname.lastname@example.org!