WooCommerce Integration

Access WordPress Customizer

From your WordPress admin, go to Appearance → Customize

Find Additional CSS or Code Injection

Look for one of these sections in the customizer:

• "Additional CSS"
• "Custom Code"
• "Footer Scripts"
• "Code Injection"

Add Wewell Script

If using Additional CSS, wrap the script in <style> tags. For script sections, use the code directly:

<style>
/* Hide this style block, only used for script injection */
body:after {
  content: '';
  display: none;
}
</style>

<script type="module" src="https://widget.wewell.io/wewell.es.js?v=1"></script>

Publish Changes

Click "Publish" to save your changes

Access Theme Editor

Go to Appearance → Theme Editor in your WordPress admin

Open functions.php

Select functions.php from the file list on the right

Add Wewell Function

Add this code to the end of your functions.php file:

// Add Wewell Beauty Widget
function wewell_add_scripts() {
    if (is_woocommerce() || is_product() || is_shop()) {
        ?>
        <script type="module" src="https://widget.wewell.io/wewell.es.js?v=1"></script>
        <?php
    }
}
add_action('wp_footer', 'wewell_add_scripts');

Update File

Click "Update File" to save your changes

Locate Template Files

Common WooCommerce template files to modify:

• single-product.php (Individual product pages)
• archive-product.php (Shop page)
• footer.php (Site-wide footer)

Edit Template File

Add the script before the closing </body> tag or in the appropriate location:

<?php if (is_woocommerce() || is_product() || is_shop()): ?>
<script type="module" src="https://widget.wewell.io/wewell.es.js?v=1"></script>
<?php endif; ?>