SparkEmbed

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.