Status Badges

Status badges provide a concise visual representation of your website's uptime and operational status. This tutorial guides you through creating and embedding a Pulsetic status badge.

How To Create a Status Badge

Step 1: Navigate to Status Badges

  1. Select the Status Badges on the left menu sidebar within your Pulsetic dashboard.
  2. Select the Create Badge button, located in the upper right corner of the Status Badges page.
  3. From the Website dropdown, choose the monitor you added to your Monitor's List.
  4. On the Badge Pages section, customize the appearance of your status badge. Available options include:
    • Style, Symbol, and Roundness: Choose the overall design style of the badge.
    • Font Style and Text Color: Select the font style and color for the text.
    • Symbol Color: Set the color of any symbols displayed.
    • Frame Background Color: Choose the background color of the badge frame.
    • Custom Text: Add or modify custom text within the badge.
    • Custom CSS: Apply custom CSS styles for advanced customization.
    • Badge URL: review the generated URL for the badge.
  5. Tap the Save Badge button after making any changes to your badge's design.
Status Badge
Status Badges

Step 2: Embed the Badge on Your Website

  1. Search for the Code section and copy the generated code for the website URL you selected from the Badge Pages page.

  2. Paste the copied code into the desired location within your website's HTML. The exact placement will depend on your website's structure and platform.
  3. After you’ve added the code to your website, you should see the status badge in the section where you added the code, as shown in the image below.

    Sample Badge

Still need help? Contact Us Contact Us