SparkChart Embed — aka SparkEmbed — is a lightweight module that allows Spark Chart (https://www.sparkchart.com/) users to easily embed satellite surveys in a WordPress post or page using a configurable shortcode. The authors of the plugin are not related to SparkChart.com, nor is this an endorsement of the product — and vice versa.
The module can be disabled from the settings page.
Important: The module is disabled by default. If you leave the Enabled box unchecked, the plugin will have no effect at all.
Pattern: [spark]https://survey.sparkchart.com/start/{id}/[/spark]
Shortcodes with the pattern above will display the referenced Spark Chart satellite survey in an iframe.
Shortcode configuration:
The following attributes can be used to configure the display of the iframe and/or its wrapper:
- class
- A CSS class that will be applied to the outer wrapper (div). Defaults to none.
- Example: [spark class=”my_awesome_class”]https://survey.sparkchart.com/start/{id}/[/spark]
- width
- The width of the iframe. If no unit is provided, px will be used. Defaults to 100%.
- Example: [spark width=”88%”]https://survey.sparkchart.com/start/{id}/[/spark]
- height
- The height of the iframe. By default, the height of the iframe element will be set to 90% of the height of the current viewport, set through JavaScript. Setting a height value will override that behavior. If no unit is provided, px will be used. Defaults to none.
- Example: [spark height=”1200″]https://survey.sparkchart.com/start/{id}/[/spark]
- border_width, border_color, border_style, background_color, padding
- CSS properties aliases applied to the outer frame. This allows users to specify a border and other styling attributes. Note that it is recommended to use the class attribute and write your own CSS rule instead. Also note the underscore character replacing the hyphen in the original CSS property name.
- Example: [spark border_width=”1″ border_color=”red”]https://survey.sparkchart.com/start/{id}/[/spark]
Roadmap
- Allow custom shortcode identifier
- Add lightbox option
Donations
None needed.
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.