Wix Blog: Managing Tags

7 min read
Tags help you categorize and organize your blog posts. They make it easier for readers to find related content, improving their overall experience on your site. For example, if you have a cooking blog, you can tag posts with keywords like "vegan" or "desserts," allowing visitors to quickly locate all recipes that match their dietary preferences.
A screenshot showing an example of tags on a site.
In this article, learn how to:

Creating tags

From Tags in your dashboard, you can create and manage your tags. The tags appear on your Post page under each blog post. 
Each tag has a limit of 50 characters, and you can have a maximum of 30 tags per post. Tags need to be separated using commas. 

To create tags:

  1. Go to Tags in your site's dashboard. 
  2. Click + Create Tag
  3. Enter your Tag Name and Slug in the fields provided.
    Note: The slug field automatically populates based on what you add in the tag name field. 
  4. (Optional) Click Edit SEO Settings and customize the tag's SEO information.
  5. Click Save.
  6. Go to Posts in your site's dashboard.
  7. Hover over a post and click Edit.
  8. Click Settings in the sidebar on the left. 
  9. Click Tags
  10. Add the tag you created.
  11. When you're ready, click Publish.
A screenshot showing tags added to a blog post.

Adding a Tag Cloud element to your site

You can also add a Tag Cloud element to your site. Any tags that you've created and are attached to at least one published post are displayed in the Tag Cloud. A Tag Cloud can display up to 500 tags. 

To add a Tag Cloud element to your site:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Navigate to the page in your editor that you want to add the Tag Cloud element to.
  3. Click Add  on the left side of the editor.
  4. Click Blog.
  5. Click Tag Cloud.
  6. Drag a Tag Cloud element onto your page.
A screenshot showing how to add a Tag Cloud in your Editor.

Customizing your Tag Cloud settings

Once you've added your Tag Cloud to your site, you can choose what's displayed in the element itself and also customize the layout and design to suit your needs. 

To customize your Tag Cloud settings:

  1. Go to your editor.
  2. Click the Tag Cloud in your editor. 
  3. Click Settings
  4. Choose what you want to customize:

Customizing your Post page tag settings

Once you've created some tags, you can also customize how they look on your Post page. You can choose how the text appears in your tags, from alignment to font style and color etc. 
Notes:
  • To ensure tags are visible on blog posts, select the Tags checkbox in the post's Display tab.
  • The steps below are for the old Post page experience. If you have the new Post page, you can click the tag element on the post page to customize your tag layout and design.

To customize your Post page tag settings:


  1. Go to your editor.
  2. Go to your Post page and click on a post.
  3. Click Settings.
  4. Click the Display tab 
  5. Select the Tags check box.
A screenshot showing the display tags check box.
  1. Click the Design tab.
  2. Click Tags.
  3. Customize the following:
    • Tag label:
      • Show label: Click the toggle to show or hide the tag label.
    • Tag layout:
      • Tag layout: Choose from either a button layout or a text layout.
      • Tag alignment: Choose to align the text in your tag in to the left, in the center, or to the right.
    • Spacing between tags:
      • Vertical spacing: Adjust the amount of vertical space between each tag.
      • Horizontal spacing: Adjust the amount of horizontal space between each tag.
    • Text padding:
      • Vertical Padding: Adjust the amount of vertical space around your tag text.
      • Horizontal Padding: Adjust the amount of horizontal space around your tag text.
    • Tag design:
      • Font style & color: Click the drop-down to select a font style, and click the color box to choose a font color.
      • Background color: Click the color box to choose a background color and adjust the color opacity
      • Border opacity and color: Click the color box to choose the border color and adjust the level of opacity.
      • Border width: Adjust the width of the border.
      • Corner radius: Adjust the corner radius.

FAQs

Click a question below to learn more about managing tags.

Did this help?

|