Sky Addons for Elementor

⌘K
  2. Home
  4. Docs
  6. Sky Addons for Elementor
  8. Widgets
  10. Tags Cloud

Tags Cloud

Sky Addons Tags Cloud Widget is an essential addon for Elementor, designed to help you display a beautiful, interactive tag cloud on your Elementor website. This widget is perfect for highlighting popular topics, categories, or custom links, making your site more engaging and easier to navigate. With a user-friendly drag-and-drop interface, advanced style controls, and flexible tag sources, it’s a must-have for anyone using Elementor page builder, whether you’re working with free Elementor templates or premium addons for Elementor. Enhance your Elementor WordPress site with this powerful widget and create visually appealing tag clouds that boost SEO and user experience.

Key Features

  1. Multiple Tag Sources:
    Display tags from WordPress default tags, post tags, or create your own custom tags with links. This flexibility lets you highlight exactly what matters most for your Elementor website.
  2. Customizable Layouts:
    Choose between a classic tag cloud or a creative typography cloud. The typography cloud offers unique shapes and arrangements, making your tag display stand out on any Elementor landing page or template.
  3. Tag Ordering: Sort tags in ascending or descending order by popularity, ensuring your most important or most-used tags are always visible to your visitors.
  4. Advanced Style Controls:
    Adjust colors, backgrounds, borders, spacing, and typography for both normal and hover states. Choose random or solid background colors for each tag to match your Elementor themes or kit library.
  5. Responsive Design:
    The widget is fully customizable for all device sizes, ensuring your tag cloud looks great on desktops, tablets, and mobiles—perfect for any Elementor landing page or template.
  6. Random or Solid Backgrounds:
    Display tags with randomly assigned background colors for a lively look, or set a solid color for a more uniform appearance, matching your Elementor templates and themes.
  7. Typography Cloud:
    Unlock creative options with the typography cloud: pick shapes (circle, square, star, theta), set grid columns, font, color modes (random light/dark, gradient), and more for a unique tag display.

Insert Tags Cloud Widget

  1. Open Elementor Editor. In the Elementor panel, search for “Tags Cloud”.
  2. Drag and Drop the Widget to the desired location on your page or editor.

Layout Section

  • Tags Source: Choose from default, custom, or post tags to display the most relevant tags for your Elementor website.
  • Post Type: Select the post type if you want to show tags from specific content types.
  • Custom Tags: Add your own tags in the format: Tag Name|URL, separated by commas, for complete control.
  • Tags Order: Display tags in ascending or descending order by popularity.
  • Tags Cloud Style: Pick between Default or Typography layouts for different visual effects.
  • Open in New Window: Enable to have tag links open in a new browser tab.

Settings Section

  • Canvas Min Height: Set the minimum height for the typography cloud’s canvas for better layout control.
  • Grid: Define the number of columns for tag arrangement in the typography cloud.
  • Factor: Adjust the font resize factor for tag sizing.
  • Shape: Choose the shape of your typography cloud (circle, square, star, theta).
  • Sort: Sort tags randomly, by highest, or lowest value.
  • Rotation: Set the rotation ratio for the typography cloud.
  • Font: Select the font family for your tags to match your Elementor themes.

Style Customization

Easily adjust alignment, spacing, padding, borders, colors, and typography to match your Elementor templates and website branding.

Tags Cloud Style Section

  • Alignment: Align your tag cloud left, center, or right for perfect placement.
  • Spacing: Set the gap between tags for a clean look.
  • Padding: Adjust the padding inside each tag for better readability.
  • Border & Border Radius: Style the border and corners of each tag.
  • Typography: Customize font size, weight, and style.
  • Text Color & Background: Set text and background colors for normal and hover states.
  • Background Type: Choose between random or solid backgrounds for tags.
  • Random Colors: Enter custom background colors for random mode.
  • Box Shadow: Add shadow effects to tags for depth.

Typography Cloud Style Section

  • Color Mode: Select between random light, random dark, or gradient color schemes for your typography cloud.
  • Background Color: Set a background color for the entire cloud to match your Elementor landing page or kit.

Save and Preview

  1. Once you’ve customized and styled your accordion, click “Publish” or “Update” to save your changes.
  2. Preview the page to ensure the widget looks and functions as desired.

Troubleshooting

  1. If tags are not displaying, check your tag source and ensure tags exist for the selected post type or that your custom tags are formatted correctly.
  2. For style issues, review your color, background, and typography settings to ensure they are set as intended.

Conclusion

The Tags Cloud Widget by Sky Addons is an essential addon for Elementor, making it easy to create attractive, interactive tag clouds that enhance navigation and user engagement. Perfect for any Elementor website builder, landing page, or template, this widget gives you full control over your tag display. If you have any questions or encounter any challenges while using, please don’t hesitate to reach out to our dedicated support team at http://wowdevslive.bdkoder/support/ where our expert team is ready to provide prompt and helpful assistance.

How can we help?