Social proof notifications are small messages that appear on your website to show visitors how other people are interacting with your site. These messages can notify your site’s visitors when someone:<\/p>\n
- \n
- Makes a purchase on your website<\/li>\n
- Signs up for a webinar<\/li>\n
- Leaves a blog comment<\/li>\n
- Writes a review about your company<\/li>\n<\/ul>\n
And much more.<\/p>\n
You’re probably already familiar with social proof notifications. They look something like this:<\/p>\n
![\"TrustPulse](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/TrustPulse-social-proof-notification-demo-min.png\")
<\/p>\nThe example above is a live sales notification. This would let people know whenever someone made a purchase on your Drupal site.<\/p>\n
But, again, these notifications aren’t limited to sales.<\/p>\n
And no matter what kind of social proof notification you choose, one thing is clear:\u00a0they are really effective.\u00a0<\/strong><\/p>\n
At TrustPulse, we’ve seen these notifications instantly boost sales by up to 15%. The question you’re probably wondering, though, is what makes these little notifications so powerful?<\/p>\n
That part’s easy: FOMO (“fear of missing out”)<\/a>.<\/p>\n
FOMO is a term you’ve likely heard before. It’s the experience of seeing people doing something online that makes you feel like you’re “missing out.”<\/p>\n
As a result, you feel more motivated to take the same action.<\/p>\n
Smart marketers know how to use FOMO to get their site’s users to take a specific action with social proof notifications. When your site’s visitors see other people positively engaged with your brand, they’ll instantly be more motivated to engage in the same way.<\/p>\n
And the more social proof notifications you have on your site, the more credible your brand appears. This leads to creating more longterm clients and relationships over time.<\/p>\n
Oh, and as you’ll see, these notifications are ridiculously easy to create. Here’s the one we made for today’s post:<\/p>\n
![\"Social](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Social-proof-notification-for-Drupal-demo-min.png\")
<\/p>\nThis took less than 3 minutes to set up and will make a great addition to any Drupal site.<\/p>\n
Now that we’re clear on what social proof notifications are and why they’re so effective, let’s get into the tutorial.<\/p>\n
Create Social Proof Notifications in Drupal<\/h2>\n
In this tutorial, we’ll be using TrustPulse<\/a> to set up our social proof notifications in Drupal:<\/p>\n
![\"TrustPulse-homepage-min\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/02\/TrustPulse-homepage-min.png\")
<\/a><\/p>\nTrustPulse<\/a> is the best social proof software on the market. It’s simple to set up, gives stunning results, and works with any website.<\/p>\n
Not only is it just as powerful as any other social proof software out there, it’s only a fraction of the cost when compared to our competitors.<\/p>\n
Our paid plans start at just over $4\/month.<\/p>\n
Want to learn more about how TrustPulse’s pricing and features stack up to the competition? Check out this helpful post: FOMO vs. UseProof vs. TrustPulse: Which Is the Best for Social Proof?<\/a><\/p>\n
Or if you’re ready to dive right in, sign up for your free TrustPulse account today<\/a>!<\/p>\n
When you’ve created your account, click Add Your First Site<\/strong>:<\/p>\n
![\"Add](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/08\/Add-Your-First-Site-to-TrustPulse-min.png\")
<\/p>\nThen you’ll enter your site’s name, domain, and click\u00a0Save Site<\/strong>:<\/p>\n
![\"Add](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/08\/Add-a-new-Site-min.png\")
<\/p>\nNow you’ll be taken to your TrustPulse dashboard where you can start creating your social proof notifications for Drupal.<\/p>\n
<\/span>Step 1: Select a Social Proof Notification Type<\/span><\/h3>\n
The first thing you need to do is click Create Campaign <\/strong>in the upper right-hand corner of your dashboard:<\/p>\n
![\"Create](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/08\/Create-Campaign-with-TrustPulse-min.png\")
<\/p>\nThen you’ll be prompted to do two things:<\/p>\n
- \n
- Give your TrustPulse campaign a name<\/li>\n
- Assign your campaign to the website you used during registration<\/li>\n<\/ul>\n
![\"Campaign-Type-name-your-campaign\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/05\/Campaign-Type-name-your-campaign-min.png\")
<\/p>\nKeep in mind that this won’t connect your TrustPulse account with your Drupal site just yet. We’ll be doing that at the end of this tutorial.<\/p>\n
For now, you just need to focus on creating the right kind of social proof notifications for your site’s goals.<\/p>\n
To do so, start by choosing which type of notification you want to create. TrustPulse gives you two options:<\/p>\n
- \n
- Recent Activity<\/li>\n
- On-Fire<\/li>\n<\/ul>\n
![\"Select-your-campaign-type-with-TrustPulse\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/05\/Select-your-campaign-type-with-TrustPulse-min.png\")
<\/p>\nRecent Activity <\/strong>campaigns appear when an individual took some action on your site. When the information is available, these campaigns will even refer to that individual by name.<\/p>\n
Here’s an example of a\u00a0Recent Activity\u00a0<\/strong>campaign:<\/p>\n
![\"Demo](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Demo-of-TrustPulse-min.png\")
<\/p>\nIf the information isn’t available, though, that’s no problem. You can create a visitor reference to appear on your campaign. For example,\u00a0we changed the visitor name to Someone from our tribe <\/strong>in the following notification:<\/p>\n
![\"FOMO](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/07\/FOMO-notification-tutorial-demo-min.png\")
<\/p>\nThe main takeaway is that\u00a0Recent Activity\u00a0<\/strong>notifications refer to the individual rather than the group.<\/p>\n
On-Fire<\/strong> campaigns are different. These show the total number of people who interacted with your brand in the same way<\/em>:<\/p>\n
![\"On-Fire](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/05\/On-Fire-campaign-shows-how-many-users-bought-something-min.png\")
<\/p>\nOn-Fire <\/strong>campaigns are perfect for popular interactions with your brand. That would include different activities like:<\/p>\n
- \n
- Webinar signups<\/li>\n
- Event registrations<\/li>\n
- Flash sales<\/li>\n<\/ul>\n
And so on.<\/p>\n
In order to determine which type of campaign is right for your Drupal site, you’ll need to identify your goals and your audience.<\/p>\n
For today’s tutorial, we’ll go with a Recent Activity\u00a0<\/strong>campaign:<\/p>\n
![\"Recent](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/04\/Recent-Activity-Campaign-Type-min.png\")
<\/p>\nWhen you’ve selected the right social proof notification for your Drupal site, click Next Step<\/strong>:<\/p>\n
![\"Select-Recent-Activity-and-Hit-Next-Step\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/05\/Select-Recent-Activity-and-Hit-Next-Step-min.png\")
<\/p>\n<\/span>Step 2: Customize Your Social Proof Notification<\/span><\/h3>\n
Some business owners worry that adding notifications to their website might annoy visitors. That’s why it’s so important to customize your social proof notifications.<\/p>\n
You need to strike the balance and design a notification that looks great, captures your audience’s attention, and matches your site. It needs to engage your user without harming the user experience (UX)<\/a>.<\/p>\n
To do that, TrustPulse lets you modify every aspect of your social proof notifications. This lets you create a message that matches your company’s style, voice, and message.<\/p>\n
More specifically, you can change your notification’s:<\/p>\n
- \n
- Language<\/li>\n
- Visitor name<\/li>\n
- Message text<\/li>\n
- Message link<\/li>\n
- And more<\/li>\n<\/ul>\n
![\"Design](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Design-and-Appearance-for-TrustPulse-min.png\")
<\/p>\nAnd the best part is that none of these modifications require any coding or technical skill.<\/p>\n
That means you can create stunning social proof notifications for your Drupal site in minutes, even if you don’t consider yourself “tech-savvy.”<\/p>\n
One of the most important aspects of your notifications is the image you use. The icon or image in your message helps attract your audience’s attention and can make your campaign more appealing.<\/p>\n
By default, TrustPulse shows a map icon representing the geographical region that your user comes from:<\/p>\n
![\"Map](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Map-icon-for-trustpulse-min.png\")
<\/p>\nThis image works well for most scenarios. But you can also choose from one of our pre-made icons:<\/p>\n
![\"pre-made](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/pre-made-icons-for-trustpulse-min.png\")
<\/p>\nIf you’re looking for something more custom, though, you can always upload your own image. Select Custom Icon<\/strong> from the drop-down menu and click Upload New Image<\/strong>:<\/p>\n
![\"\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Upload-a-new-image-min.png\")
<\/p>\nHere’s an example of a custom icon of a trophy that was used for a virtual race notification:<\/p>\n
![\"TrustPulse](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/TrustPulse-social-proof-notification-for-WordPress-demo-min.png\")
<\/p>\nThese visual icons can make your notification as engaging as possible.<\/p>\n
Then there are tons of Advanced Settings\u00a0<\/strong>which allow you to change your notifiction’s:<\/p>\n
- \n
- Font<\/li>\n
- Size<\/li>\n
- Color<\/li>\n
- Background color<\/li>\n
- And more<\/li>\n<\/ul>\n
![\"Advanced](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Advanced-Settings-for-Design-and-Appearance-min.png\")
<\/p>\nAgain, everything can be done in a matter of minutes with zero coding. You can quickly change the look, message, and link of your campaign to fit your Drupal site.<\/p>\n
Here’s the social proof notification we built for today’s demo:<\/p>\n
<\/p>\nThis only took a few minutes to design and can be embedded onto any website with just a few clicks.<\/p>\n
Once you’ve created the perfect campaign for your Drupal site, click\u00a0Next Step<\/strong>:<\/p>\n
![\"TrustPulse](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/TrustPulse-Next-step-from-design-and-appearance-min.png\")
<\/p>\n<\/span>Step 3: Determine the Activity You Want to Capture<\/span><\/h3>\n
Now that your Drupal social proof notification is ready to go, you’ll need to capture the activity that will trigger your notification to appear.<\/p>\n
- \n
- AutoMagic<\/strong><\/li>\n
- Zapier<\/strong><\/li>\n<\/ul>\n
![\"AutoMagic-or-Zapier\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/05\/AutoMagic-or-Zapier-min.png\")
<\/p>\nAutoMagic<\/strong> captures activities taken on your actual website. These are things like when someone makes a purchase on your site or signs up for your email list.<\/p>\n
TrustPulse captures these activities based on forms throughout your site. When someone submits a form (like a checkout form, for example), a notification will be created.<\/p>\n
But there are times when people interact with your brand outside of your website. That’s where our\u00a0Zapier\u00a0<\/strong>integration comes in handy.<\/p>\n
Our\u00a0Zapier\u00a0<\/strong>integration can create notifications for when people engage with your brand outside of your website.<\/p>\n
Think about when someone leaves you a review on a 3rd-party site like Google My Business or Yelp. Even though the review isn’t on your website, someone is still engaging with your business.<\/p>\n
Our\u00a0Zapier<\/strong> integration lets you capture these activities and display social proof notifications on your website. In fact,\u00a0Zapier<\/strong> can capture activities from over 1000 external websites, which allows you to create many types of social proof notifications.<\/p>\n
Today, though, we’ll stick with\u00a0AutoMagic<\/strong>:<\/p>\n
![\"Choose-AutoMagic-in-TrustPulse\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/05\/Choose-AutoMagic-in-TrustPulse-min.png\")
<\/p>\nScroll down the page to find the question Where should we watch for activity from this site?<\/strong>. This will be followed by a drop-down menu.<\/p>\n
Select Form activity from URLs containing specific text<\/strong>:<\/p>\n
![\"Form](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Form-Activity-from-URLs-containing-specific-text-min.png\")
<\/p>\nNow look for the heading Add one or more page rules<\/strong>. Your Drupal site’s domain name (the one that you used during registration) will appear on the left.<\/p>\n
You need to enter the URL slug on the right for whichever page has the form you want to capture.<\/p>\n
In today’s tutorial, we’re capturing when someone makes a purchase, so we need to put the URL slug for our checkout page:<\/p>\n
![\"Add](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/05\/Add-one-or-more-page-links-min.png\")
<\/p>\nIf you’re trying to capture things like webinar registrations or newsletter signups, you would simply enter the URL slug for the pages where those forms are located.<\/p>\n
When you’re done, click Next Step <\/strong>to configure your notification settings:<\/p>\n
![\"Next](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Next-step-to-publish-min.png\")
<\/p>\n<\/span>Step 4: Determine Where Your Notification Will Appear<\/span><\/h3>\n
This next step is very important. It’s where you determine where, when, and how long your notifications appear on your site.<\/p>\n
Your social proof notification will appear on every page of your Drupal website by default:<\/p>\n
![\"\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Display-rules-for-TrustPulse-campaigns-min.png\")
<\/p>\nBut as you can see from the image above, you have other options. You can set your social proof notification to appear on:<\/p>\n
- \n
- Exact URLs<\/li>\n
- URLs containing specific text<\/li>\n
- URLs matching a pattern<\/li>\n
- And much more<\/li>\n<\/ul>\n
For this tutorial, we’ll leave the default setting. But just know that you can change that with the click of a button.<\/p>\n
Next, you can modify the Notification Settings<\/strong>, such as:<\/p>\n
- \n
- The delay between the sale and the notification (in seconds)<\/li>\n
- How long your notification will appear on the screen<\/li>\n
- The delay between separate notifications (in seconds)<\/li>\n<\/ul>\n
![\"Notification-Settings\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/05\/Notification-Settings-min.png\")
<\/p>\nAnd you have other Advanced Settings <\/strong>that let you:<\/p>\n
- \n
- Hide anonymous notifications<\/li>\n
- Show notifications as anonymous<\/li>\n
- Permanently hide notifications when closed<\/li>\n<\/ul>\n
![\"Advanced](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/06\/Advanced-Display-Settings-display-rules-min.png\")
<\/p>\nThese settings allow you to show your social proof notifications at the right time, to the right people, and for the right length of time.<\/p>\n
In other words, these are the options that will help make sure your social proof notifications engage your audience rather than annoy them. The default settings work great for the majority of customers.<\/p>\n
That said, we encourage users to play around with their notification settings, experiment with what works best with their audience, and adjust accordingly.<\/p>\n
When you’ve set up your notification settings, click Next Step<\/strong>:<\/p>\n
<\/p>\n<\/span>Step 5: Launch Your Social Proof Notification<\/span><\/h3>\n
Now it’s time to launch your social proof notification in Drupal. When you scroll down the page, you’ll see an embed code outlined in red:<\/p>\n
![\"Squarespace](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/08\/Squarespace-embed-code-min.png\")
<\/p>\nThe red outline indicates that your social proof notification isn’t connected to your Drupal site just yet. That’s what we’ll do now.<\/p>\n
Copy the embed code. Then go to your Drupal dashboard.<\/p>\n
In most cases, you’d simply embed this code just before the closing <\/body><\/strong> tag in your template file. But we’ll need to do some more custom configurations when working with Drupal.<\/p>\n
Head over to your Drupal admin area. Click Structure\u00a0<\/strong>from the top admin menu:<\/p>\n
![\"Structure](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Structure-in-Drupal-Site-min.png\")
<\/p>\nClick Block Layout<\/strong>:<\/p>\n
![\"Click-block-layout-in-drupal-8\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Click-block-layout-in-drupal-8-min.png\")
<\/p>\nThen click on\u00a0Custom Block Library<\/strong>:<\/p>\n
![\"Custom-Block-Library-in-Drupal-8\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Custom-Block-Library-in-Drupal-8-min.png\")
<\/p>\nNow, click on + Add custom block<\/strong>:<\/p>\n
![\"add-custom-block\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/add-custom-block-min.png\")
<\/p>\nAt this point, you’ll need to do 4 things:<\/p>\n
- \n
- Add a block description<\/li>\n
- Click\u00a0Source<\/strong><\/li>\n
- Enter your TrustPulse embed code<\/li>\n
- Change\u00a0Basic HTML\u00a0<\/strong>to\u00a0Full HTML<\/strong> (at the bottom)<\/li>\n<\/ul>\n
![\"Source](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Source-for-the-embed-code-trustpulse-min.png\")
<\/p>\nYou need to click Source\u00a0<\/strong>before you enter your TrustPulse embed code. You also need to make sure your\u00a0Text Format<\/strong> is “full HTML” (rather than “basic HTML). Otherwise, your site will not connect with your TrustPulse account.<\/p>\n
Once you save these settings, head back to your Custom Block Library and click Block Layout<\/strong>:<\/p>\n
![\"Choose-Block-Layout\"](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Choose-Block-Layout-min.png\")
<\/p>\nLocate the Header <\/strong>region. Click Place block<\/strong>:<\/p>\n
![\"Find](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Find-Drupal-Header-Block-min.png\")
<\/p>\nThen click\u00a0Place block<\/strong> next to the custom block you just created:<\/p>\n
![\"Place](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Place-TrustPulse-custom-embed-code-in-footer-min.png\")
<\/p>\nGive your new block a title and uncheck the box to Display title<\/strong>\u00a0before you save:<\/p>\n
![\"Configure](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Configure-block-and-uncheck-display-title-min.png\")
<\/p>\nThen click\u00a0Save block<\/strong>\u00a0at the bottom.<\/p>\n
At this point, your social proof notification will be connected to your Drupal site. Click\u00a0Check<\/strong> Now <\/strong>in your TrustPulse dashboard to verify:<\/p>\n
![\"Check](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/09\/Check-Embed-Code-Now-min.png\")
<\/p>\nYou’ll get a confirmation message when your site is connected. All that’s left is to click Launch Your TrustPulse Campaign<\/strong>:<\/p>\n
![\"TrustPulse](\"https:\/\/trustpulse.com\/wp-content\/uploads\/2020\/08\/TrustPulse-site-is-connected-min.png\")
<\/p>\nAnd that’s it! You’ve now added a social proof notification to Drupal.<\/p>\n
We hope this helped you get your social proof notifications up and running. If you enjoyed this article, you’d likely be interested in the following resources:<\/p>\n
- \n
- 7 Types of Web Notifications to Increase UX and Boost Sales<\/a><\/li>\n
- Ultimate Guide to Using Trust Badges to Boost Sales and Conversions<\/a><\/li>\n
- 7 Growth Hacking Strategies to Boost Your Business Now<\/a><\/li>\n<\/ul>\n
These posts will help you build instant trust with your audience, improve UX, and drive more profit.<\/p>\n
- Ultimate Guide to Using Trust Badges to Boost Sales and Conversions<\/a><\/li>\n
- Zapier<\/strong><\/li>\n<\/ul>\n
- AutoMagic<\/strong><\/li>\n