How to write on Technet
Using the Editor
Technet has a powerful visual editor with familiar formatting options, as well as the ability to seamlessly add dynamic content.
Under the hood the editor delivers power and flexibility, with the ability to quickly add content such as images, galleries, videos, embeds and code!
Rich editing at your fingertips
Using the contextual toolbar allows you to efficiently format your text, add links and insert rich media.
Using the dynamic menu
You can insert a card either by clicking the
+ button, or typing
/ on a new line to search for a particular card. This allows you to insert images, markdown, html, galleries and embeds.
- Insert a video from YouTube directly into your content by pasting the URL
- Create unique content like a button or content opt-in using the HTML card
- Need to share some code? Embed code blocks directly
- Can't find a good image? Use the Unsplash integration.
- Include a personalised introduction that only appears in your email newsletter
The bookmark card is useful when you want to share a link to a site that doesn't have a direct embed integration with Technet (like YouTube) - but still want the content to display a reader-friendly card design.
Achieve this by pasting any URL into the editor, or using the Bookmark card from the dynamic menu. If the site you're referencing has enough meta data, the editor will do the rest for you!
Email cards allow you to personalise your email newsletters with specific content that doesn't appear in the published post. By default, email cards are pre-filled with an optional greeting, which references your members name using the
first_name dynamic placeholder
Snippets allow any staff user to re-use content and cards across posts and pages.
To save Snippets, highlight the card or text to be stored for later use, then using the toolbar, click the snippet icon to name and store your selection.
To insert a snippet, use the dynamic menu to select your snippet, or type
We know that many Technet users love writing with Markdown - so the editor will automatically parse any Markdown typed in directly. Alternatively, insert a Markdown card to access all of the same features of previous versions of the Technet editor inside a single card 😎
You can add images to your posts in many ways:
- Upload from your computer
- Click and drag an image into the browser
- Paste directly into the editor from your clipboard
- Insert using a URL
Once inserted you can blend images beautifully into your content at different sizes and add captions and alt tags. They can also be re-ordered easily using drag and drop (this applies to all dynamic cards in the editor).
Uploaded images will be automatically optimised for the web with lossless compression, as well as make the image responsive which automatically adjusts the image size based on the viewer's device.
Using image galleries
Technet supports image galleries for up to 9 images at a time, all of which are responsively optimized and organized to look their best no matter how many images you add or remove.
Galleries can be inserted by using the gallery card from the dynamic menu. To add images to the gallery card, drag each image into the image uploader box or select multiple images from your file system. Once uploaded, images can be re-ordered using drag and drop.
Adding custom HTML
Add custom forms, buttons or other content to your post by pasting your embed code into a new HTML card from the dynamic menu.
Using code injection
If you need to add any other custom scripts or embeds to your post, this can be done using code injection from the post settings menu.
If you need to add custom code to your entire site, this can be done from the code injections settings found in the Technet Admin sidebar.
Publishing or scheduling your content can be accessed from the top left menu in the editor.
Previewing a post
Posts can be previewed within the Technet Editor by clicking the "Preview" link in the top right corner. The preview function shows you a live preview of how your post will be displayed on your Technet site for desktop and mobile devices, as well as in standalone email newsletter, and on social media (Facebook, Twitter) and search engines (Google).
Posts previews also generate a unique shareable URL to allow others to view your post preview.
Publishing a post
To publish a post, click on the “Publish” link located in the top right corner of the editor then click “Publish” to set the post live. It's possible to change the status of a published post to draft in the same way.
Deleting a post
To delete a post, click on the post title from the content list within Technet Admin. With the Technet Editor open, expand the post settings menu using the gear icon and click, “Delete Post.” Once a post has been deleted, it cannot be recovered.
Scheduling a post
To schedule your post to publish on a future date, select “Schedule it for later” from the publish menu and select a date and time