❗️
Deprecated. Content should be updated via the content library and collections.

Duda offers three different types of content that can be injected.

Type	Key	Value	Refs	important
INNERHTML	The value of the data-inject attribute on the targeted elements. For example, `<div data-inject="my-key-email">` has a key of `my-key-email`.	The content you want to be placed within the HTML element. Can be text or HTML	N/A	N/A
DOMATTR	The value of the data-inject attribute on the targeted elements. For example, `<div data-inject="my-key-email">` has a key of `my-key-email`.	The value of the attribute you are wanting to add. For example, if you want to change the `src` of an image, you would place the direct URL of the image as the value.	The keys of the attributes you want to add or replace. For example, both an `href` and `title` attribute can be updated at the same time	N/A
CSS	The value of the data-inject attribute within a CSS rule. For example, `data-inject:display-background` has a key of `display-background`.	The CSS value you want to update. This could be none for the display property, a URL for background-image or a color code (HEX or RGB) for color values, for example.	The property of the css selector you want to update. For example, a property of `margin` and `padding` would add a css rule for each	By default, CSS properties are automatically injected with '!important' exception. Use "important": false flag if you wish to opt-out of this default behavior.

📘
It is not required that keys be unique across a site. Duda allows any number of HTML elements to have the same data-inject value. The same goes for a CSS rule

See the example below of each type:

# If you have this HTML & CSS block within the website:
#
# <a class="u_1454453128 dmNewParagraph email-css" data-inject="my-key-email" id="1454453128" href="mailto:oldEmail@domain.com">oldEmail@domain.com</a>
#
# .email-css {
#   data-inject: email-css;
#   color: #474747;
# }
#
# And run this:

curl -X POST -k 'https://api.duda.co/api/sites/multiscreen/inject-content/b4ra2g' \
    -u 'APIusername:APIpassword' \ 
    -H 'Content-Type: application/json' \
    -d '[
            {
                "type": "INNERHTML",
                "key": "my-key-email",
                "value": "newEmail@domain.com"
            },
            {
                "type": "DOMATTR",
                "key": "my-key-email",
                "value": "mailto:newEmail@domain.com",
                "refs": [
                    "href"
                ]
            },
            {
                "type": "CSS",
                "key": "email-css",
                "value": "#000000",
                "refs": [
                    "color"
                ],
                "important": false
            }
        ]'
        
# The code will be updated to:
# <a class="u_1454453128 dmNewParagraph email-css" data-inject="my-key-email" id="1454453128" href="mailto:newEmail@domain.com">newEmail@domain.com</a>
#
# .email-css {
#   data-inject: email-css;
#   color: #000000;
# }

📘
The inject content API only updates the development version of the website. If you'd like to see these changes on the live website, make sure that you publish the website after making these updates.

204204

400400