How to add a pop-up, banner, or news alert to your website

Sharing timely updates with your patients helps keep them informed, whether that's a promotion, a service change, or an announcement about your clinic. This guide walks you through how to add a pop-up or a banner using third-party tools and the custom code block, and how to create a news alert directly in Jane Websites.

 

How to Add a Pop Up

Pop-ups are best for messages that need immediate attention and a clear action, since they interrupt the page to display on top of your content. Because pop-ups are more intrusive, we recommend using them sparingly and only for your highest-priority messages, so they don't feel overwhelming to patients browsing your site. 

Jane Websites doesn't generate pop-ups on its own, so you'll first need to create one using a third-party tool, then embed it into your site.
 

1. Choose your tool. If you're collecting emails, such as for a newsletter, use MailChimp. If you just want a simple image pop-up, use Elfsight, which offers a free pop-up builder.
2. Build your pop-up in MailChimp or Elfsight, then copy the HTML embed code it provides.
3. In Jane Websites, scroll to the bottom of the page, where the custom code block will be the least noticeable. The pop up will appear as soon as someone navigates to your website.
4. Click Add Block, then select Custom Code Block.
5. Click the pencil icon on the block.
6. Paste your HTML embed code into the content area.
7. Click Update Block to save your progress.
8. Once your code is added, you'll want to adjust the block's sizing so it doesn't take up unnecessary space on your page. To start, click Edit Block on the right-hand side.
9. Set the height to Minimum (5).
10. Set the vertical padding to None.

How to Add a Banner

Banners are best for ongoing or important information that should stay visible without blocking the page. We recommend banners when you want steady visibility without disrupting the browsing experience.

Jane Websites doesn't generate banners on its own, so you'll first need to create one using a third-party tool, then embed it into your site.
 

1. Choose your banner creation tool. If you just want a banner that lives in one of the corners of your website, use Elfsight, which offers a free banner builder.
2. Build your pop-up in MailChimp or Elfsight, then copy the HTML embed code it provides.
3. In Jane Websites, scroll to the bottom of the page, where the custom code block will be the least noticeable. The pop up will appear as soon as someone navigates to your website.
4. Click Add Block, then select Custom Code Block.
5. Click the pencil icon on the block.
6. Paste your HTML embed code into the content area.
7. Click Update Block to save your progress.
8. Once your code is added, you'll want to adjust the block's sizing so it doesn't take up unnecessary space on your page. To start, click Edit Block on the right-hand side.
9. Set the height to Minimum (5).
10. Set the vertical padding to None.
     

How to Add a News Alert

News alerts appear as a bar above your site's main navigation, making them a great way to share time-sensitive updates with patients, like a closure or holiday hours.
 

1. In the top right corner of your website, select Admin > Content.
2. In the left-hand menu, select News.
3. Click the Add News Post button.
4. Add in your news update, for example ‘We are closed tomorrow’. 
5. Scroll down to the Placement section, which asks where you'd like your news post to appear on the website, and select Sitewide Alert. This will display your alert above your main navigation menu.
6. Click the Save News Post button to save your progress.

Nice work! Whether you've added a pop-up to capture attention, a banner to keep ongoing information visible, or a news alert for a quick, timely update, you now have a few different ways to communicate important messages to your patients right on your website.