How Do I Add An App Download Prompt To The Header Or Footer Of My Blogs?

How Do I Add an App Download Prompt to the Header or Footer of My Blogs?

To encourage your blog readers to download your station’s app, you can add a custom prompt with download links in the header or footer of your blog posts. Use the steps and template below to set this up quickly.

What You Need

Custom Prompt Text: Write a short message encouraging users to download your app. Replace [DOWNLOAD PROMPT TEXT] in the template with your message.
iOS App Link: Find your station’s iOS app link (e.g., https://itunes.apple.com/us/app/104.3-the-party/id1102570258?mt=8). Replace [iTUNES APP LINK] in the template with your link.
Android App Link: Find your station’s Android app link (e.g., https://play.google.com/store/apps/details?id=com.cromwellradio.wcbhfm&hl=en). Replace [ANDROID APP LINK] in the template with your link.

Important Note

When replacing the placeholder text in the code, be sure to remove the square brackets [ ] and the placeholder text itself. There should be no spaces between href and the closing > in the code.

Template Code

<div>
  <h3>[DOWNLOAD PROMPT TEXT]</h3>
  <div align="center">
    <a target="_blank" href="[iTUNES APP LINK]?utm_source=BlogFooter&utm_campaign=iTunesApp">
      <img src="http://radio888.cms.socastsrm.com/files/2013/11/whvkzzvb.png" style="width:45%;" />
    </a>
         
    <a target="_blank" href="[ANDROID APP LINK]?utm_source=BlogFooter&utm_campaign=AndroidApp">
      <img src="http://radio888.cms.socastsrm.com/files/2013/11/playbadge1.png" style="width:45%;" />
    </a>
  </div>
</div>

How to Add the Code in SoCast

Go to Settings > Blogs & News in your SoCast dashboard.
Paste your customized code into either the Custom Header HTML box or the Custom Footer HTML box, depending on where you want the prompt to appear.

This code is optimized to display correctly on both desktop and mobile-responsive sites.