Advanced Editing

These are some Sparkle features that help during editing or help in making a website feel more consistent and uniform.

Multiple elements can be grouped so that you can move and resize them as a single unit, you can do this from the Arrange menu or via the context menu (right click or control click). You can lock an element to avoid inadvertently moving, modifying or deleting it, either from the Arrange menu or from the Arrange inspector.

Embedding

The “Embed” function allow you to insert HTML code snippets in a Sparkle website. You will typically use “Embed” to insert third party content for which an “embed code” has been provided (sometimes indicated by the HTML code “<>” parenthesis).

For example the SoundCloud player here, or a chat bot.

The “Content expands vertically” checkbox is necessary when code produces content of variable height, for example the ecwid.com shopping cart.

To ensure privacy to site visitors, and comply with privacy regulation, by default the code is activated only after user consent (if the site is using Sparkle’s privacy features), and the “When loading the content” setting is ensuring the address of the page isn’t shared with any loaded third party service. These might need to be changed for compatibility with different services, on a case-by-case basis, for example the tawk.to chat service needs the page address.

Embed elements support being set to full width (in the arrange inspector), for code snippets that support it.

A simplified use for the embed element is to enter just a URL in the code section, this will automatically create an iframe for you, effectively embedding the site within the embed element.

The embed element in Sparkle is mostly intended as a stopgap while we develop more native Sparkle elements.

An example of Sparkle embedding a soundcloud player
An example of Sparkle embedding a plain URL and creating an iframe for it

Please report any shortcoming in this documentation and we’ll fix it as soon as possible!

Updated for Sparkle 5.2

Made with Sparkle

Copyright © Crinon SRL 

This website makes use of cookies.

Please see our privacy policy for details.

It’s Okay

Deny