Embed SalesVu

Description

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"                        |                                                                   |
| _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ |