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.

Install and configure the plugin as needed in the SparkEmbed settings page: /wp-admin/admin.php?page=sparkembed_settings.

Note that the plugin is not enabled by default. Check the Enabled box in the settings page to turn it on.

General information about installing WordPress plugins can be found here

Is it official?

No, the authors have no affiliation with Spark Chart. We use Spark Chart for customer and market surveys internally, but we do not promote or profit in any way from its usage.

Is it really free?

Yes, this plugin is completely free.

I found a bug/I need a feature

Please leave a comment on the plugin’s official page and we will address it as soon as possible.

1. 

   The configuration screen.

1.0

• Initial release.