Skip to main content

Content Studio

Essentials​

Content Studio

Create content according to your need! Discover how to create powerful content that will engage your subscribers and keep them coming back for more.

Content Studio Dashboard​

Created templates will be on content studio dashboard, which can be displayed in 'List View’ or ‘Grid View’ from top right buttons.

note

Tags can be created, modified and deleted by ‘Manage Tag’ button.

note

Contents can be searched by ‘Type’ and ‘Tag’.

Clicking on the right corner three dots, there are options to ‘ Attach Tag’, ‘Duplicate’, ‘Edit’ and ‘Delete’ of each template.

tip

Content can be created in 3 ways.

  1. Text.
  2. Email.
  3. Images.

Text Based Content​

tip

To create text-based contents, go to Content Studio> Create> Text.

Then the user will find blank boxes for Title and Message.

Title​

The user can add a title as the subject or provide an idea about the message.

To add a title, go to Content Studio> Create> Text> Title.

Message​

The user can add the message body here. The maximum word limit for the message box is 280 characters so that the user can add a short and concise message. Truebeep offers AI suggestions to write up the message, so that the user does not have any blocker to write the message.

To add the message body, go to Content Studio> Create> Text> Message.

tip

For AI written message go to Content Studio> Create> Text, and then click on the Generate AI Suggestions button.

Translation​

Truebeep offers auto translations for sending messages across the globe. To translate any message, go to Content Studio> Create> Text and then click on the Translate toggle option and then select the desired language.

After finishing writing the message, you must click on the Save button to keep it recorded.

Edit​

To edit any text-based messages, go to Content Studio> Select the previewed message you want to edit> Click on edit. Editing process is similar to writing the message.

tip

The user can Duplicate or Delete any of his recorded messages.

Email Template​

Click on the create button, select Email from the drop-down menu. You will be redirected to the Email Template editor page.

On the left sidebar menu, you will see four options.

  1. Widgets,
  2. Modules
  3. Styles
  4. Templates.
note

Widgets section is selected by default. On the sidebar you can see that there are two sections.

Widgets​

On the widgets menu, you can see that there are two sections :

  1. Content
  2. Grid columns

At content section you can see there are several widgets.

tip

You must drag them to the empty page on the right section of the page.

And on the second section you will find Grid Columns.

With grid column you can bring variation to your email template design by combining multiple widgets on the same section.

Styles​

After dragging and dropping all the widgets you might need a little bit of your own styling to make the template look more appealing. Go to the Styles tab, you will find 4 options there,

  1. Color
  2. Border
  3. Typography
  4. Widgets

Color​

  1. Body Background: You can change the body background color of the full email template from this option. Email template’s body background is by default set to white.
  2. Container Background: Change the background of the container where your widgets are placed. By default, it is set to white.

Border​

Border is by default set to 0px, increase the value to add a border. You can adjust the border by controlling the thickness.

Typography​

You can change typography of the text related widgets from here. First select which type of text field you want to style. Select one from Body or Heading.

tip

Choose and change to any font of your preference from the Font Family dropdown.

There are also Font size, line height and letter spacing options. Adjust these values as per your preference to change the text styling.

Widgets​

Adjust your widgets padding from the slider below. There are two sliders respectively for left padding and right padding. Set them according to your preference.

Templates​

You want to create a template for your organization, but you are out of ideas.!

tip

We have a wide ranges of predefined templates, suitable for any kind of campaigns.

Go to the Templates section from the left sidebar menu. After clicking you will find a list of templates to choose from. You can use the search bar to look for the template you want.

  1. You can preview any template. Hover on the templates, you will find two buttons. Select and Preview
  2. Click on the preview button. A page will appear of how the email template looks.
  3. You will see there are two layout buttons at the top.
  4. Select the mobile layout to see how the email template will be seen from mobile devices.
  5. To exit preview mode, click on the ‘X’ button on the top-right corner.
tip

Select any template by clicking on the select button!

You will see the full template is on the editor panel. You can now adjust or change any of the widget from the editor panel.

Image Template​

note

To create an image, click on the create button, select Image from the drop-down menu.

You will be redirected to the Image Template editor page.

On the left sidebar menu of the Image Template editor page, you will get 6 sections respectively from the top.

  1. Templates,
  2. Texts,
  3. Images,
  4. QR Codes,
  5. Elements and
  6. Layers
tip
  1. You can find an empty page which is white by default, but you can change the background color according to your need by clicking on Background Color button.
  2. You can resize the empty page by clicking on the Resize button.

Templates​

  1. Click on the selected template to bring it to the canvas.
  2. Click on the template elements to edit or delete them.
  1. Find Duplicate and Delete button when you click on any element.
  2. Change the font name, font size, adjustment, change the texts into bold or italic, underline, or strikethrough the texts, align left, right or center, capitalization of letters and transparency of the letters from the top bar when you click on the text element.
  3. Download when any elements you will need to store for future.

Text​

In the Text section, you will find three options named Add a heading, add a subheading, and add some body texts.

Images​

In the images section you will find two options named Uploads and Unsplash.

  1. In the Uploads option, you need to upload images from your devices.
  2. In Unsplash option, you need to search by names or idea to find images. Then you need to click on your desired image from Uploads or Unsplash to bring it to the canvas.
  3. You can resize, rotate, replace, duplicate, or delete images with the available options on the top bar.

QR Code​

note

Generated QR codes from Customer Pages are visible here.

  1. Click on your selected QR Code to drag it on the canvas.
  2. The QR Code can be rotated, and the transparency can be changed using the available option on the top bar.
  3. You can place the image anywhere with the help of cursor

Elements​

tip

In the Elements section, you will find shapes, mockups and graphics which are essential for image content.

You need to click on your desired elements to bring it to the canvas. You can duplicate, resize, rotate, replace, or delete elements with the available options on the top bar. You can place the image anywhere with the help of a cursor.

Layers​

tip

Layers are to manage the desired movement of elements.

  1. In the layer section, you will find some options which are movable up or down with the help of mouse.
  2. You need to move those texts, images, or elements you have created in previous stages to make your perfect layer.
tip

After finishing, you must click on the Save button to keep the template recorded.