Beskrivning
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" | |
| _____________________ | __________________________________________________________ | ______ | ______________________________________________________________ | _________________________________________________________________ |
Installation
- Install and Activate the Plugin on the Plugins Admin page
- Add shortcode
[salesvu src="https://www.salesvu.com/widget-url?storeid=000&etc=etc" script="https://www.salesvu.com/widget-script-url/file.js"]
to page or post content
Recensioner
Bidragsgivare och utvecklare
”Embed SalesVu” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.
Bidragande personerÖversätt ”Embed SalesVu” till ditt språk.
Intresserad av programutveckling?
Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.
Ändringslogg
1.0.2
- Docs: Fixed readme parameters table
1.0.1
- Docs: Add installation instructions and changelog to README
- Docs: Added Parameters and HTTPS warning to README
- Cleanup: Remove unsupported
allowtransparency
tag from parameters - Bugfix: Allow both ID & Classes in same_height_as
- Improvements: Increase default height to 800px
1.0.0
- Initial Release