Widgets in Zutrix allow you to embed interactive SEO-related data directly into your website or application. Here’s how to create and use widgets:
Step 1: Navigate to the Widget Section
1. Go to Settings in the top navigation bar.
2. Click on the Widgets tab.
Step 2: Create a New Widget
1. Click the + Create Widget button.
2. Fill in the required fields:
• Widget Name: Enter a name for the widget.
• Project: Select the project you want the widget to represent.
• Widget Type: Choose from available options like:
• All Page
• Performance Graph
• Rank Tracker Metrics
• Allowed Domains: Enter the domains (comma-separated) where the widget can be displayed.
• Active Status: Toggle this switch to enable or disable the widget.
Step 3: Configure the Display
1. Expand the Display Configuration section.
2. Customize what the widget will show:
• Enable/disable Graph, Keywords, Info Metrics, and Filters as per your preference.
Step 4: Save the Widget
1. Once all details are entered, click Create Widget.
2. Your widget will now appear in the Widgets list with options to:
• Edit the widget settings.
• Delete the widget.
• Get the Embed Code.
Step 5: Embed the Widget
1. Click on the Embed Code icon for your widget.
2. You’ll see two tabs:
• Copy Embed Code: Copy the generated embed code for your widget.
• Instructions: Follow these steps:
• Add the Zutrix embed script to the <head> section of your HTML file:
<script type="module" src="https:/zutrix.com/embed.js"></script>
• Place the copied embed code where you want the widget to appear in the <body> of your HTML file.
Step 6: Manage Existing Widgets
1. View all created widgets under the Widgets tab.
2. For each widget, you can:
• Activate/Deactivate: Toggle the active status.
• Edit: Modify the settings.
• Delete: Remove the widget.
3. Ensure the allowed domains are correctly set to avoid errors during embedding.
By following these steps, you can efficiently create, configure, and integrate widgets into your projects, enhancing the visibility and usability of your SEO data.