Dynamic Image generation with URL
Discover how to create personalised images from links - Abyssale Dynamic Images
base URLof a dynamic image is:
Changes can be done just as you would normally do with the REST API except it is directly done in the URL with query strings.
Each query string is composed of a key and a value, such as
keycorresponds to the layer property that needs to be customised and
valueto the property value.
keyis of the following form:
For instance if the template you would like to customise has a
text_titleelement and you would like to change its
color; the key will be
Once all of your changes are defined, the final URL will look like:
- the templateId is
- the template contains 2 elements: a text element named
text_titleand an image element named
text_titlecontent will be
Welcome, will be white (#FFFFFF) and will have a red background color (#FF0000).
company_logoshould contain the following image: https://uploads-ssl.webflow.com/6214efb2d4b5d94158f2ff03/6218f45ff39a58c8dbf7eb2c_abyssale-logo.svg
As changes are announced by URL, all values must be URL encoded beforehand.
By default the first format of your template will be used.
To use a particular format, you have to specify it in the base url and looks like:
For instance, if your templateId is
34j39c5e-31fa-4jdb-b6d4-0c97445fb9b3and the format you would like to generate is
instagram-story, the base URL will be:
Last modified 11mo ago