DOTonPAPER

<p>View <a href="http://dopdemo.net/wp/dop-shortcodes/" rel="nofollow ugc">demo</a> here.</p>
<p>This is a collections of shortcodes we use in our themes. We always accept feedback and constructive criticism so if you have something to say please use the <a href="https://wordpress.org/support/plugin/dop-shortcodes" rel="ugc">support forum</a>.</p>
<h4>Shortcodes List</h4>
<ul>
<li>Accordions</li>
<li>Containers</li>
<li>Grids</li>
<li>Images</li>
<li>Lists</li>
<li>Progress Bars</li>
<li>Separators</li>
<li>Social Icons</li>
<li>Tabs</li>
<li>Tables</li>
<li>Toggles</li>
</ul>
<h4>Shortcodes Examples</h4>
<p>Please view <a href="http://help.dotonpaper.net/dop-shortcodes-wordpress-plugin.html" rel="nofollow ugc">documentation</a> for more details.</p>
<h4>Accordion</h4>
<pre><code>[dopaccordions]
    [dopaccordion title="Title 1"]text[/dopaccordion]
    [dopaccordion title="Title 2"]text[/dopaccordion]
    [dopaccordion title="Title 3"]text[/dopaccordion]
[/dopaccordions]
</code></pre>
<h4>Container</h4>
<pre><code>[dopcontainer]text[/dopcontainer]
</code></pre>
<h4>Grid</h4>
<pre><code>[dopgridrow]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
    [dopgrid size="1/3"]<h5>1/3</h5>text[/dopgrid]
[/dopgridrow]
</code></pre>
<h4>Image</h4>
<pre><code>[dopimg align=left height=200 width=100%]<img src="image path" alt="" />[/dopimg]
</code></pre>
<h4>List</h4>
<pre><code>[doplist]
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
[/doplist]
</code></pre>
<h4>Progress Bar</h4>
<pre><code>[dopprogressbar progress=70]70%[/dopprogressbar]
</code></pre>
<h4>Separator</h4>
<pre><code>[dopseparator]
</code></pre>
<h4>Social Icon</h4>
<pre><code>[dopsocialicon network=facebook]Facebook[/dopsocialicon]
</code></pre>
<h4>Tabs</h4>
<pre><code>[doptabs]
    [doptab title="Tab 1"]text[/doptab]
    [doptab title="Tab 2"]text[/doptab]
    [doptab title="Tab 3"]text[/doptab]
[/doptabs]
</code></pre>
<h4>Table</h4>
<pre><code>[doptable]
<thead>
    <tr>
        <th>One</th>
        <th>Two</th>
        <th>Three</th>
        <th>Four</th>
    </tr>
</thead>
<tbody>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr>
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr>
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
    <tr class="odd">
        <td>Etiam nec</td>
        <td>aliquam</td>
        <td>erat</td>
        <td>nulla sodales dui aenean eu mollis lorem</td>
    </tr>
</tbody>
[/doptable]
</code></pre>
<h4>Toggle</h4>
<pre><code>[doptoggle title="Toggle"]text[/doptoggle]
</code></pre>


DOP Shortcodes

This is a collections of shortcodes we use in our themes.

Haris Zulfiqar

<p>AI Labels for Fusion Builder is a powerful WordPress plugin that enhances your Fusion Builder (Avada theme) workflow by automatically generating descriptive, context-aware names for containers based on their content.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li><strong>AI-Powered Naming</strong>: Uses OpenAI’s GPT-5.1 to analyze container content and generate meaningful names</li>
<li><strong>Manual Generation</strong>: Click a button on any container to generate a name instantly</li>
<li><strong>Bulk Generation</strong>: Generate names for all containers on a page with a single click</li>
<li><strong>Smart Analysis</strong>: Analyzes HTML content, element types, headings, and titles to understand context</li>
<li><strong>Settings Panel Integration</strong>: Generate names directly from the container settings panel</li>
<li><strong>Secure API Key Management</strong>: Secure storage and validation of your OpenAI API key</li>
<li><strong>Live Builder Support</strong>: Works seamlessly in Fusion Builder’s live editor</li>
</ul>
<p><strong>How It Works:</strong></p>
<ol>
<li>Configure your OpenAI API key in Avada > AI Labels settings</li>
<li>When editing a page in Fusion Builder, you’ll see “Generate AI Label” buttons on containers</li>
<li>Click the button to analyze the container’s content and generate a descriptive name</li>
<li>The generated name helps you quickly identify sections like “Hero”, “Testimonials”, “Contact”, “Features”, etc.</li>
</ol>
<p><strong>Use Cases:</strong></p>
<ul>
<li>Organize complex page layouts with meaningful container names</li>
<li>Speed up page building by quickly identifying sections</li>
<li>Improve collaboration with clear, descriptive labels</li>
<li>Maintain consistency across multiple pages</li>
</ul>
<p><strong>Requirements:</strong></p>
<ul>
<li>Fusion Builder (included with Avada theme)</li>
<li>OpenAI API key (get one from <a href="https://platform.openai.com/api-keys" rel="nofollow ugc">OpenAI dashboard</a>)</li>
<li>WordPress 6.8 or higher</li>
<li>PHP 8.1 or higher</li>
</ul>
<h3>External Services</h3>
<p>This plugin connects to OpenAI’s API to generate descriptive names for Fusion Builder containers. This service is required for the AI-powered label generation feature to work.</p>
<p><strong>What data is sent and when:</strong></p>
<ul>
<li><strong>When generating a container name</strong>: The plugin sends the container’s HTML content or element structure data to OpenAI’s API. This includes:
<ul>
<li>HTML markup of the container and its contents</li>
<li>Element types and their properties (titles, headings, etc.)</li>
<li>No personally identifiable information (PII) is sent</li>
</ul>
</li>
<li><strong>When testing an API key</strong>: A minimal test request is sent to verify the API key is valid</li>
<li><strong>When validating an API key on save</strong>: A minimal test request is sent to ensure the key works before saving</li>
</ul>
<p><strong>Data transmission details:</strong></p>
<ul>
<li>All API requests are sent directly from your WordPress server to OpenAI’s servers</li>
<li>Your OpenAI API key is stored securely in your WordPress database and is never exposed to the frontend</li>
<li>The plugin uses WordPress’s built-in <code>wp_remote_post()</code> function for secure HTTP requests</li>
<li>API requests are made only when you explicitly trigger label generation or test your API key</li>
</ul>
<p><strong>Service provider information:</strong></p>
<p>This plugin uses OpenAI’s API service. For more information about OpenAI’s data handling and policies:</p>
<ul>
<li><a href="https://openai.com/policies/terms-of-use" rel="nofollow ugc">OpenAI Terms of Service</a></li>
<li><a href="https://openai.com/policies/privacy-policy" rel="nofollow ugc">OpenAI Privacy Policy</a></li>
<li><a href="https://platform.openai.com/docs" rel="nofollow ugc">OpenAI API Documentation</a></li>
</ul>


AI Labels for Fusion Builder

Automatically generate descriptive labels for Fusion Builder containers using AI-powered content analysis.

DOP Shortcodes vs AI Labels for Fusion Builder