Embed SalesVu

Add SalesVu store “widgets” using the simple [salesvu] Shortcode.

💭 Rationale

WordPress removes <iframe> and <script> HTML tags for a variety of security reasons.

⚠️ HTTP(S)

Important: Your site must be using HTTPS! You cannot embed secure SalesVu store pages into an insecure HTTP website.

👾 Parameters

Embed SalesVu accepts the same parameters as the <iframe> HTML tag (plus some extras!). At a minimum you must supply the src and script parameters, e.g:

[salesvu src="https://www.salesvu.com/widget-url?storeid=000&etc" script="https://www.salesvu.com/widget-script-url/file.js"] 

All Parameters:

| Parameter | Description | Unit | Example | Default | | --------------------- | ---------------------------------------------------------- | ------ | -------------------------------------------------------------- | ----------------------------------------------------------------- | | src | SalesVu Widget Store URL | url | src="https://www.salesvu.com/widget-url?storeid=000&etc" | ⚠️ required | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | script | SalesVu Widget Script URL | url | script="https://www.salesvu.com/widget-script-url/file.js" | ⚠️ required | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | width | Widget width | # (px) | width="500" | 100% | | | | % | width="50%" | | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | height | Widget height | # (px) | height="800" | 800 | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | scrolling | Allow or disallow scrolling | yes | scrolling="yes" | yes | | | | no | scrolling="no" | | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | frameborder | Show or hide the iframe border | show | frameborder="1" | 0 | | | | hide | frameborder="0" | | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | marginheight | Height of the widget margin | # (px) | marginheight="10" | 0 | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | marginwidth | Width of the widget margin | # (px) | marginwidth="10" | 0 | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | id | Add an ID to the iframe | string | id="whatever" | tvoow | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | class | Add class(es) to the iframe | string | class="cheese fork broccoli" | | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | style | Add CSS styles to the iframe | string | style="margin: 30px; padding: 20px;" | "border: none; overflow: visible; width: 100%; background: #FFF;" | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | same_height_as | Set the height of the iframe to the same as target element | class | same_height_as="div.sidebar" | false | | | | id | same_height_as="div#content" | | | | | tag | same_height_as="main" | | | | | false | same_height_as="false" | | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | any_other_param | Add an arbitrary HTML parameter(s) to the iframe | string | any_other_param="any_value" | | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ | | any_other_empty_param | Add an "empty" HTML parameter(s) to the iframe | string | any_other_empty_param="allowfullscreen" | | | _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ |