Add the Cyber Score Lead Magnet to Your Website

You will need:

• Access to your website's HTML editor or content management system (WordPress, Wix, Squarespace, etc.)
• A unique Lead Magnet Link (log in and find yours here)‍
• Basic knowledge of editing web pages

How to add the Cyber Score Lead Magnet to your website:

1. Get your Lead Magnet Link

From the Lead Magnet page, click on Copy Link after you create and Save your Cyber Score Lead Magnet.

2. Create Your Embed Code

Copy the code below and replace the src field with your Lead Magnet Link (from Step 1).

For example, this one for TopNotch:

3. Access Your Website Editor

1. Log in to your website platform

2. Navigate to the page where you want to add the Cyber Score Lead Magnet

4. Paste the Embed Code

1. Find the location on the page where you want the Cyber Score to appear

2. Paste the iframe code

3. Click Save or Publish

‍
​5. Adjust Styling (Optional)

You can customize the border radius appearance by adjusting the pixels in border-radius: 25px or delete the line completely for square corners. For example:

Once your website is saved and published with the iFrame, it should look something like this:

Troubleshooting

Problem: iFrame isn't showing your branded Lead Magnet, instead it's showing theCyberScore.

Solution: Verify in the src field that your Lead Magnet ID is correct.
​

Problem: iFrame appears too small or cut off.

Solution: The iFrame takes up 100% of the width and height of its parent. Make sure that the parent holding the iFrame in your website builder has a height/width or minimum height/width set.

​Problem: iFrame doesn't display on mobile devices.

Solution: Ensure the iFrame has width="100%" and your website theme is mobile-responsive.

​Problem: Can't find HTML editor in website builder.

Solution: Look for "Custom HTML", "Embed Code", or "HTML Block" widgets in your page builder.

Best Practices

• Place the Cyber Score tool on high-traffic pages (homepage, services page)
• Test on mobile and desktop before publishing