Events

Cloud Elements supports events via polling or webhooks depending on the endpoint. If you would like to see more information on our Events framework, please see the Event Management Guide.

Supported Events and Resources

Cloud Elements supports webhook events for Shopify. For more information about webhooks at Shopify including the currently available webhooks, see Shopify's webhooks documentation.

Webhooks

You can configure webhooks through the UI or in the JSON body of the /instances API request .

Configure Webhooks Through the UI

For more information about each field described here, see Parameters.

To authenticate an element instance with webhooks:

1. Complete the [authentication steps(authenticate.html#authenticate-through-the-ui)] up to entering the Shopify URL.
2. Click Show Optional Fields, and then in Webhook Topics enter a comma separated list of supported webhook topics that you want to monitor. See Shopify's webhooks documentation for a list of supported wehooks.
3. To enable hash verification in the headers of event callbacks add a key to Callback Notification Signature Key.
4. Enable events: Switch Events Enabled on.
5. Add an Event Notification Callback URL.
6. Optionally type or select one or more Element Instance Tags to add to the authenticated element instance.
7. Click Create Instance.
8. If using the earlier UI, optionally add tags.
9. Note the Token and ID and save them for all future requests using the element instance.
10. Take a look at the documentation for the element resources now available to you.

Configure Webhooks Through API

Use the /instances endpoint to authenticate with Shopify and create an element instance with webhooks enabled.

To authenticate an element instance with webhooks:

1. Get an authorization grant code by completing the steps in Getting a redirect URL and Authenticating users and receiving the authorization grant code.

2. Construct a JSON body as shown below (see Parameters):

   {
     "element": {
       "key": ""
     },
     "providerData": {
       "code": "<AUTHORIZATION_GRANT_CODE>"
     },
     "configuration": {
       "oauth.callback.url": "<CALLBACK_URL>",
       "oauth.api.key": "<CONSUMER_KEY>",
       "oauth.api.secret": "<CONSUMER_SECRET>",
       "event.notification.enabled": true,
       "shopify.webhook.topics": "<LIST_OF_WEBHOOK_TOPICS>",
       "event.notification.callback.url": "<CALLBACK_URL>",
       "event.notification.signature.key": "<SIGNATURE_KEY>"
     },
     "tags": [
       "<Add_Your_Tag>"
     ],
     "name": "<INSTANCE_NAME>"
   }
   
   

3. Call the following, including the JSON body you constructed in the previous step:

   POST /instances
   

   Note: Make sure that you include the User and Organization keys in the header. See the Overview for details.

4. Locate the token and id in the response and save them for all future requests using the element instance.

Example cURL

curl -X POST \
  https://api.cloud-elements.com/elements/api-v2/instances \
  -H 'authorization: User <USER_SECRET>, Organization <ORGANIZATION_SECRET>' \
  -H 'content-type: application/json' \
  -d '{
  "element": {
    "key": ""
  },
  "providerData": {
    "code": "xoz8AFqScK2ngM04kSSM"
  },
  "configuration": {
    "oauth.callback.url": "https://mycoolapp.com",
    "oauth.api.key": "xxxxxxxxxxxxxxxxxx",
    "oauth.api.secret": "xxxxxxxxxxxxxxxxxxxxxx"
    "event.notification.enabled": true,
    "shopify.webhook.topics": "orders/create, orders/updated, customers/create",
    "event.notification.callback.url": "https://mycoolapp.com/events",
    "event.notification.signature.key": "xxxxxxxxxxxxxxxxxxxxxxxxx"
  },
  "tags": [
    "Docs"
  ],
  "name": "API Instance"
}'

Parameters

API parameters not shown in the Cloud Elements are in code formatting.