Experiencing an issue?

Using the WeChat Component Properties Panel

Each drag and drop component in the WeChat editor workspace has a different set of tools. These tools are inside the Properties panel. Generally, there are two types of tools:

  • customise component appearance (e.g. padding, margins, background colour, borders)
  • add content and functionality

This article shows you how to use the Properties panel to add content and functionality to a component. Currently, it is not possible to place a link inside a rich post or WeChat article.

You will learn how to:

Other tools

There are 3 other tools you need to learn and use when creating posts or articles.

See also:

  

 

1  Locating the component properties panel

To open a component properties panel: 

  1. Go to the WeChat editor workspace.
  2. Click a component on the content page in the WeChat Editor workspace. The Properties panel opens on the right side of the screen.
  3. Under Layout, select the element you want to customise (e.g container, shape, text).
  4. Under Properties, select the Properties settings you want to customise by clicking a tab (e.g. line height, padding, and margins).
  5. Adjust settings, as required.

 com-prop-1a.jpg

 

2  Inserting an image into a WeChat article

Many components have a default image. You can add your own image to a component.

  1. Select a component and drag it to the content page.
  2. Click the component. The Properties panel displays on the right side of the screen.
  3. Under Layout, click the Image element.
  4. Under Properties, click the Background tab and then select Image.
  5. To upload an image from your computer, click the Cloud button. You can also drag an image from your computer to the image box.
  6. To insert an image from the Assets page, click the Hand button.
  7. Select FILL if you want a single instance of the image to fill the entire post or article background.
  8. Select FIT if you want a small version of the image to display many times in the image background.

 

image-2a.png

 

Dragging an image

Instead of using the Upload tool, you can drag a picture:

  1. Locate a picture on your computer.
  2. Drag it to the image box.

 

wechat-back-1a.png

 

 

 

3  Editing text in a WeChat article

You can edit the appearance and layout of text in a component.

  1. Double-click the component text you want to edit. An editing toolbar displays at the top of the screen.
  2. Highlight all of the text you want to change with the mouse pointer.
  3. Scroll to the top of the page and select an edit feature.
  4. To finish editing, click the white space outside the content page.

toolbar-1b.png

 

 

4  Adding video content to a WeChat article

It's not possible to upload a video file in a rich post or WeChat article. However, you can use a video component to insert a link to a video on the Tencent platform. Video content from other platforms cannot be used with this video component.

To place a video link on the content page:

  1. Select Video on the Components menu.
  2. Select a video component from the options.
  3. Drag a video component to the content page.
  4. Click the component one time. The Properties panel opens on the right side of the screen.
  5. Under Layout, click the Video element.
  6. Under Properties, click the Tencent Video Link tab.
  7. Enter the Tencent video URL, including the http:// or https:// prefix.

Properties

There are two property tabs: one for the component element and one for the video element.

Under the Component Properties tab, you can change:  

  • General (opacity)
  • Background (fill with colour or an image)
  • Padding
  • Margin
  • Border

Under the Component Properties tab, you can change:  

  • General (opacity)
  • Tencent Video Link
  • Margin
  • Border

    

Related articles