And after the first one, the second one gets in 17px. For SpiderLabs Blogs, the background will be dark by default, whereas the Trustwave blogs will have a light theme. Before adding a new title and paragraph, please add a 17px space, like this one:
1. On the left lateral menu, navigate to the left lateral menu, click the "Content" option, and select "Blog".
2. The list of Blog post will open https://app.hubspot.com/website/21158977/blog/posts/all
3. To the right top screen click on the orange Create button
4. A "Create blog post" pop-up will open
5. Open the "Select a blog" dropdown list and select either SpiderLabs Blog, Trustwave Blog News Release or Software update. Once your selection is made, click the Create blog post button
6. An empty blog is created
Note: if you click on "News" or "Software Updates", the design will be different. The recommendation here is to use the latest news/software update as a reference.
1. Before all the good stuff we need to first do all the settings. On the top right-hand side just under the menu you click on the Settings button
Post Name and URL
Scroll down to the Author and Tags
Tags if required can be selected from the existing lists of tags.
Do not create new tags. Refer new Tag requirements to the Web Team.
NOTE: do not use tags for News Releases. And the tags: "Database Security", "Application Security" and "Network Security" should ONLY be used for Software Updates.
Scroll down to Feature image.
NOTE: Trustwave Blogs have a Featured image whereas SpiderLab Blogs, News Releases and Software Updates do not.
Let's start with those that do not have a Featured image. Click on the ON toggle to turn this off.
Adding a Feature image
Firstly ensure that the image has been compressed on TinyPNG format using the compression tool (in case the image is bigger than 1MB). You need to have the image you'll use downloaded on your computer, and then upload it to the correct file on Hubspot.
Click on the "Browse images" link, not the Upload one, to bring the image into HubSpot. Find the link "Files" and there, the folder "Blogs" and add the image to the corresponding folder. Once you are in the correct folder, click the Upload images button. This will save the image to the correct folder. Choose the correct image from your device.
When the image has uploaded you can now select the image (normally first on the list) and you are all done.
The warning that appears "Your image may not work on social media post" is not a problem as we do not use that feature of the blogs.
Scroll down to Metadata. Add a short but punchy description of the blog or the first sentence of your blog. Edit this description until it is within the recommended characters.
Once all the above has been completed close the settings pop-up, it will autosave.
You are now ready to get started writing away. Notice that the Blog Title and Feature image are now filled in.
Scroll down past the Featured Image and click to add text link.
You can copy and paste your content from a document or enter your content directly on to the blog surface.
To make sure all the text copies correctly and without any format, you can use this tool: https://word2cleanhtml.com/ - to do so, you need to copy all the document, paste it on the field, click on "Convert to clean html", and third, copy the text on the third tab (see second picture).
On Trustwave and SpiderLabs blogs, it is necessary to add two resources that will appear on the right lateral side of the blog. To do so, go to the blog editor's left lateral menu, and click on the second option "Contents"
Then click on the"Blog Featured Resources"
There, you'll find the editor. You'll need to add two resources that are related to the content of the blog itself. The resources you'll put there need to come from the Resource Library. You can use any type of resource, but they should relate to the main industry and/or the main service that the blog talks about. For example, on this blog, the blog talks about HIPAA and new measures that it will include in 2025. So a good way to find related resources is to go to the Resource Library, and filter the documents by topics (for example, compliance) and/or industry (in this case, healthcare). If the blog doesn't relate to any industry, you can check the service it refers most to. For example, this password blog post. In some specific cases, you can add some exceptions like this one.
In the editor, you'll need to:
If the blog post is related to a service page, or the issue it describes could be solved with any of our services, please add those services to the "Related Offerings" module. To do so, you need to go to the the blog editor's left lateral menu, click on the second option "Contents", and then click on "Related Offerings"
There, you need to unclick the toggle of "hide" on the style tab, so the module shows.
Then on the content tab, you can add the services you'd like to promote. Please add the name of the service and its URL. Please, ONLY add services which URL has the following structure: https://www.trustwave.com/en-us/services/{name of the service} - for example: https://www.trustwave.com/en-us/services/managed-detection-and-response/
The module will look like:
The promotional interrupter is an optional module that helps to promote services and solutions in general. For example, the HIPAA solution doesn't really get much promoted, so in this blog, adding a promotional interrupter was a good option. To add one, you need to click the plus icon (Add) on the lateral menu, and enter the word "promotional" and click on the second option.
Then you grab it and drop it where you need to place it. It's good to first add the Blog Featured Resources module, add the two resources, and click on the preview. Then find the spot where the first resource ends and the second one starts, and put it there. As mentioned previously, please remember to put the "Blog interrupter" option in the styles:
And then, on the content tab, change out the font size to H4 and change the CTA to "text with link", because it shouldn't use a button. On that field, the text link should be "Learn More" (capitalization like that) and the URL. For the H4 text, you could put something like "Explore Trustwave solutions for Educational institutions", or "Unlock the Full Potential of Microsoft Security" or go to the page you need to promote, and look for sentences there.
This is an optional module as well, which is useful to highlight compelling quotes, if the blog has one. To add it, you need to go to the Add/plus option on the left lateral menu, look for it, and drag and drop it on the text. It's recommended to add it in the middle of the text, where the first Featured Resource ends and the second one starts.
You should always put the sentence between quotation marks. Also, the length of the quote should be three lines maximum, and always add the author. It can be an organization or a person. In case it is a person, please put their name, surname, role and enterprise.
Here are some tips for creating Trustwave blogs, Spiderlabs blogs, News Releases and Software updates.
First, let's see some key differences between all of the types of publications.
Element | Trustwave Blog | Spiderlabs Blog | News Release | Software update |
Header Image | Uses header image | Doesn't use | Doesn't use | Doesn't use |
Tag | Uses tag | Doesn't use a tag | Doesn't use a tag | Doesn't use a tag |
Text images | May have some | Usually has many | Doesn't use | Doesn't use |
Promotional interruptor | Uses | Doesn't use | Doesn't use | Doesn't use |
Images | Can use | Can use | Cannot use | Cannot use |
Blog featured resources and related offerings module | Should use | Should use | Cannot use | Cannot use |
And also, some general key tips to create it:
There are 2 ways to insert a text link.
The 1st is to highlight the text in your article you would like to have a link on, then click on the text link icon in the rich text menu above
Select an option from the link to dropdown menu (See option list expanded below)
Anchor on this page : auto scroll to a position with in this article
Email address : never used in blogs
File : A PDF , Text or image within HubSpot's Files (Marketing >> Files and Templates >> Files) (Always tick the checkbox "Open this link in a new window" )
Meeting : never used in blogs
One of your pages : a select option will open and you can find a Web Page, Resource, Landing page or Blog post published on trustwave.com or info.trustwave.com
URL : an outside website / page or an unpublished Web Page, Resource, Landing page or Blog post on trustwave.com or info.trustwave.com. (tick the checkbox "Open this link in a new window" if it is a non Trustwave page )
Click the Insert button
The 2nd method is to click on the text link icon in the rich text menu above. The Insert Link dialog will open. The only difference on this method, from the 1st, is you enter your Link Text in this option.
In the Rich Text menu above select the image icon and follow the steps described above under Featured Image to upload new images into the Blog Folder.
Images can be sized, aligned etc by clicking on the image, where a image menu will appear.
Images can have links or have the full size image file link (most commonly used for Spiderlab images) by adding a link to a URL or the HubSpot File. To do this click on the image and a small dialog will appear. Click on the pencil icon to open the dialog. Select from any of the Image option and follow the requirement for each option.
The left setting will place the image left aligned in its own block. Text will be above and below the image.
The second setting will allow text next to the image depending on the width of the image. The image will be left aligned.
The third setting will centre the image on the page. Text will be above and below the image.
The last setting will allow text next to the image depending on the width of the image. The image will be right aligned.
To allow padding to the right, left, top or bottom of an image you can click on the spacing and enter a value of the desired pixels you want to have around the image this will move the text away from the image edge.
To align an image to indented text use the < or > setting in the image menu
The first icon will allow you to set the gap between the preceeding text and the image.
Tables can be copied and pasted from a document or workbook. Alternatively, you can create a table by clicking on the Inset dropdown in the Rich Text Menu and following the instructions.
To ensure that your table is responsive click on the table, and a Table dialog will appear on the top right of the table
Change the settings to
Table Width = Percentage
Responsive toggle to on
The Table specific styling is found by selecting a cell in the table and the option can be found in the Rich Text menu to the right
Blogs are automatically saved as you work, you can exit a blog and come back later to complete the blog as it will stay as a draft till you publish the blog.
To get back to your blog navigate to the blog list as described above and search for your blog by name. Click on the Edit button next to the blog and you are off.
When you have completed your post, you can now request approval as follows.
Allow for enough time for the approval process to be completed.
On the right hand side the is a list of icons select the bottom icon to request approval.
In the comments as described below put your desired Publish Date and Time.
Included below is the HubSpot knowledge based article on approvals .
You can request review of a blog post, landing page, or website page from within the content editor:
Navigate to your content:
You can approve or reject content in the content editor. Approved content can be published by any user with the correct permissions. Rejected content must be resubmitted for approval before it can be published.
Navigate to your content:
If you need to restart the approval process, you can recall an approval. Once you've made your changes, you can request approval again.
To recall an approval:
Navigate to your content: