Skip to main content

Universal widget vs. AI widget: What is the difference and how to edit them?

Learn how to identify which widget editor you are using and the correct way to make design changes for each.

Written by Didi
Updated over a week ago

At EmbedSocial, we offer two powerful ways to create widgets: our classic Universal Widgets and our new AI Widgets. While both display your reviews and social posts beautifully, they use different editors to customize the design.

This guide explains the difference and how to edit your widget depending on which version you are using.

How do I know which widget I am using?

The easiest way to tell the difference is by looking at the Left Sidebar inside the widget editor.

  • Universal Widget: You will see multiple sections and tabs named like "Layout", "Settings", "Header" etc.

  • AI Widget: You will see a tab named "✨ AI Design". There are other sections as well which are the same as in the universal widget, but the "AI design" section is not included there. So if you have this section, you have an AI widget.

1. The Universal Widget

These are our classic widgets created by selecting a standard template or from scratch. They rely on manual settings where you click buttons and sliders to adjust the look.

How to edit the design: If you want to change the layout, card style, or behavior, you must use the manual settings in the sidebar sections: General, Templates, Layout, Header, Card, Products, Filters and CSS section.

Example of a universal widget:

2. The AI Widget

These are our next-generation widgets generated by Artificial Intelligence. Instead of searching for specific buttons or sliders, you simply talk to the editor.

How to edit the design: You will not find the traditional "Layout" or "Settings" tabs here. Instead, you make changes by writing prompts:

  1. Go to the "✨ AI Design" Tab: Click on this tab in the left sidebar.

  2. Type Your Change: In the text box, describe exactly what you want to change.

    • Example: "Change the background color to dark blue."

    • Example: "Make the corners of the cards more rounded."

  3. Enhance Your Prompt (optional, recommended): Before clicking Generate, click the Enhance button to let the AI rewrite your prompt into a more detailed, specific version. This helps you get better results on the first try. You can review and edit the enhanced prompt before generating. (Learn more about AI Prompt Enhancement here).

  4. Apply Brand Theme (optional): When creating an AI widget, the AI can automatically detect your website's brand colors and offer to apply them for a consistent, on-brand look. (Learn more about Brand Theme here).

  5. Click Generate: The AI will apply your instructions instantly.

  6. Save the changes.

    Opening the AI design section, typing the prompt and clicking on the Enhance and Generate buttons, then saving changes.

What settings are the same?

Regardless of which widget type you use, the tools for managing your content remain the same. You can use the following tabs on both versions:

  • Filters: To control which posts appear (by date, keyword, or tag).

  • Moderation: To manually hide or show specific posts.

  • Sources: To add or remove connected social accounts.

  • Embed: To get the code for your website.

If you are unsure which widget you have, or if you need help with a specific design prompt, click the chat icon in the bottom right corner to speak with our support team!

We're here for you 🙏

Did this answer your question?