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.

For example:

  • 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

Bookmark cards

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

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

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 /{snippet title}.


Using Markdown

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 😎


Uploading images

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 content

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