An announcement bar is a fantastic way to draw attention to key updates, promotions, or events on your Teachable site. Positioned prominently at the top of your website, it captures the attention of students without disrupting their experience.
Whether you want to promote a course, share a discount code, or make an important announcement, adding an announcement bar to Teachable can improve communication and drive engagement. This guide walks you through step-by-step instructions to create and customize an announcement bar for your Teachable site.
Types of Announcement Bars
Here are some common use cases for announcement bars on Teachable:
Promotional Bars
- Highlight discounts or sales.
- Example: “Get 20% off all courses—Use Code: SAVE20.”
Urgency Bars
- Create urgency with time-sensitive offers.
- Example: “Flash Sale Ends in 3 Hours—Enroll Now!”
Event Announcements
- Promote webinars, live sessions, or new course launches.
- Example: “Join our free live Q&A this Friday—Sign up now!”
Shipping or Refund Policy Updates
- Notify students of policy changes or deadlines.
- Example: “Refund requests must be submitted by January 31st—Learn more.”
New Course Highlights
- Drive attention to newly launched or popular courses.
- Example: “New Course: Mastering Digital Marketing—Enroll today!”
Add Announcement Bar to Teachable
Adding an announcement bar to your Teachable website is incredibly easy and requires no coding knowledge. Many platforms offer plugins and tools with simple drag-and-drop interfaces to create and customize announcement bars effortlessly. Create Announcement Bars the Easy Way with WiserNotify.
Using WiserNotify, you can quickly add an announcement bar to your Teachable website to grab visitors’ attention and share essential updates, promotions, or calls to action.
With advanced features like A/B testing and analytics, WiserNotify allows you to create visually engaging and highly targeted announcement bars that boost user engagement and drive conversions. Key features include:
Type of Widgets:
- Anncoment Bar Widgets
- Recent Activity Notifications
- Reviews and Ratings Widgets
- Countdown Timer Widgets
- Form Submission Notifications
- Inline Widgets
- Exit-Intent Pop-Ups
- Live Visitor Count Widgets
Customizable Design
- Adjust colors, fonts, and styles to align with your brand.
Real-Time Updates
- Automatically display live or dynamic data like visitor counts or recent
activities.
Targeted Messaging
- Personalize bars for specific audiences or user segments.
Urgency and Scarcity Elements
- Include countdown timers or stock alerts to drive quick action.
A/B Testing
- Experiment with different designs and messages to optimize performance.
Multi-Language Support
- Customize announcement bars in various languages for global reach.
Behavioral Triggers
- Show bars based on user behavior like exit intent or time spent on a page.
Compliance-Friendly
- Includes options for GDPR and cookie consent notifications.
Integration with Social Proof Widgets
- Combine with social proof notifications to amplify trust and engagement.
Adding an announcement bar to your site with WiserNotify is seamless. Sign up for a free plan to explore its features, then log in to your dashboard. Add your site to generate a unique pixel code for integration.
To add an announcement bar to your website, create a widget in WiserNotify. Follow these straightforward steps.
1. Create an Announcement Bar
- Log in to the WiserNotify dashboard.
- Navigate to the Create Notification section and select the Announcement Bar template.
- Customize the design by:
- Adding a compelling message such as “Exclusive Discount! Limited Time Only.”
- Choosing the appropriate font, colors, and background to align with your branding.
- Including a clear Call-to-Action (CTA) button like “Shop Now” or “Learn More.”
- Preview the design to ensure it matches your preferences.
- Save the widget design and press Next.
2. Set Display Rules
- Configure display settings, such as showing the bar on specific pages or targeting users based on location or behavior.
- Schedule the announcement bar for a particular timeframe if needed.
Here’s a real-life example of how an announcement bar will look on a website.
3. Preview and Activate
- Preview the announcement bar to ensure it looks and functions correctly.
- Publish the bar to make it live on your website.
Steps to Install WiserNotify on Teachable
- Log in to your WiserNotify dashboard. Start with the free plan to explore the platform’s features.
- Add your Teachable site, and copy the unique pixel code provided.
- Log in to your Teachable admin panel.
- Navigate to Plugins > Add New and search for “WiserNotify.”
- Install and activate the plugin.
- Paste the copied pixel code into the WiserNotify plugin settings.
Using WiserNotify, you can easily create and manage announcement bars on your Teachable website. This ensures that your key messages reach your audience effectively and drive the desired actions.
How to Add an Announcement Bar to Teachable Other Ways
If you want advanced features like scheduling, targeting, or analytics, you can use tools like Hello Bar or Elfsight Announcement Bar.
- Sign Up for a Third-Party Tool
- Create an account with your preferred tool.
- Design Your Announcement Bar
- Customize the message, colors, and behavior in the tool’s editor.
- Copy the Embed Code
- Once your bar is ready, copy the embed code provided by the tool.
- Paste the Code into Teachable
- Go to Settings > Code Snippets and paste the embed code into the Header Code section.
- Save and Preview
- Save your changes and test the functionality of the announcement bar.
Best Practices for Announcement Bars
Position at the Top
- Place the bar at the top of the page to grab immediate attention.
Use High-Contrast Colors
- Choose colors that stand out without clashing with your site design.
Add a Clear CTA
- Include actionable links or buttons to guide users toward enrollment or more information.
Optimize for Mobile
- Test the bar on mobile devices to ensure responsiveness and usability.
Keep the Message Simple
- Focus on one clear message to avoid overwhelming users.
Common Mistakes to Avoid
- Avoid adding too much information—keep the message concise.
- Ensure the announcement bar displays properly on smaller screens.
- Regularly update or remove expired announcements to maintain relevance.
- Always include a CTA to encourage user interaction.
- Match the bar’s design to your website’s overall branding.
Conclusion
Adding an announcement bar to your Teachable site is an effective way to engage learners and drive action. Whether you use the platform’s code injection feature, third-party tools, or custom JavaScript, you can create a visually appealing and functional bar that aligns with your goals.
Follow this guide to enhance your Teachable site and deliver key messages to your audience effectively!
