Import
Import theShootmail
client and CSS in your app
Initialize the client
Intialize Shootmail client. Make sure to initialize the client at a place in your code that runs only client side and not on the server.Declare the editor element
Declare the editor element in your HTML. This is the element where the editor will be rendered.Configuration Options
The following configuration options are available:elementId: string (required)
The ID of the editor element. This is the element where the editor will be rendered.
imageServiceUrl: object (optional)
This is optional but recommended. This is used to upload images used in the email.
Currently, the only image service available is ImageKit, more image services coming soon.
theme: object (optional)
Use this option to change the theme of the editor to suit your app’s theme.
settingsControl: boolean (optional)
If true
, this displays a settings control on the editor, to customize options like editor
background, email background, padding, border radius, etc.
background: boolean (optional)
If true
, this offers customization of the email background color.
branding: object (optional)
Use branding
object to pass the branding details like logo, signature, social media, unsubscribe link, etc. If the branding
object is passed, the slash commands in the email builder are pre-populated with the branding details. Also, the branding details
are applied to My Templates
and Purchased Templates
.