Marketing Content Guide
Adding Widgets
1 - Newsletter Subscription Widget
Add the code: <div id="widget-newsletter"></div>
On desktop, the widget is always in the sidebar. On mobile, the widget is displayed wherever you add the code above.
2 - Widget to Promote a Related Research Report
Add the report id, section title and text to promote the report (optional).
Code: <div id="widget-research-actions" data-report="50707" data-promo-title="Custom Title Promoting a Report" data-report-promo="Sample text promoting the report or linking it to the article content"></div>
Which gives:
3 - Contact Form Widget
There are 3 form types from which you can select and the contact form will be displayed accordingly.
Types: "enterprise", "demo", and "marketing"
Code: <div id="widget-contact-sales" data-form-type="enterprise"></div>
On desktop, the widget is in the sidebar. On mobile, the widget is displayed wherever you add the code above.
4 - Company Hover Component
Code: <span data-id="1033" data-name="500 Global" data-type="INVESTOR" id="widget-startup-hover">500 Global</span>
Example usage: 500 Global remains the most active venture capital firm, with 29 deals completed between 2010 and H1 2024 (hover over '500 Global').
Layout
1 - Centered Text
Add class="text-center" to the element you want to center, for example: <p class="text-center">Centered Text</p>
Centered Text
2 - Left or Right-Aligned Text
Add class="text-left" or class="text-right", same as above.
Left Aligned Text
Right Aligned Text
3 - Sponsor Section
| Admin Panel Form Field | Used For |
| Sponsor Logo | Sponsor Logo |
| Preview Block2 | Sponsor Description |
| Preview Block3 | Sponsor Name |
Heading Styles
Use <p class="heading-1">your text</p> for main headings and <p class="heading-2">your text</p> for sub-headings.
Heading examples:
I am heading-1
I am heading-2
How to Add Links That Open in New Tabs
Use the code: <a href="http://magnitt.com" target="_blank">your link text</a>
Example: Go to magnitt
How to Trigger Contact Sales Popup
Use the code: <a data-toggle="modal" data-target="#contactFormModal">your text here</a>
Note: this will only work on research landing pages, not blog/news articles.
How to Add an Advertising Banner
Use the code: <a href="your_ad_url" target="_blank"><img src="your_image_url" /></a>
Example:
