How To: Send data to Telegra MD

Setting up an Action with custom code that sends user data to Telegra MD’s API

The best way to data to Telegra MD is using custom code in an Action, that is Triggered when a user takes an action, such as entering their email or completing a purchase.

1. Create a custom code Action

   • Go to the Logic sidebar and click on the Actions tab.
   • Click + Add New Action.
   • Give it a name like “Send Data to Telegra MD”.
   • Hit Add.
2. Write your custom code

   • Add code similar to the example below, to construct the data object and send it to Telegra MD’s API.

   // All Actions should start with a function called output()
   function output(userData, {setUserData}) {
     // If the user data has already been sent, and a portal URL has been received, don't resend it
     if (userData.telegra_md_portal_url) return
   
     // @TODO: Replace with your actual company name,
     // and provide the API key to Embeddables to store securely on the backend
     const API_KEY_IDENTIFIER = "{{YOUR_COMPANY_NAME---telegra---api_key}}";
     const INTEGRATION_CONFIGURATION_ID = "<INTEGRATION_CONFIGURATION_ID>";
     const TELEGRA_MD_HOST = "https://telegramd-rest.telegramd.com";
   
     // @TODO: Update to match your User Data keys, and add any additional data you want to send
     const requestBody = {
       email: userData.email,
       firstName: userData.first_name,
       lastName: userData.last_name,
       name: userData.first_name + ' ' + userData.last_name,
       gender: userData.gender,
       phone: userData.phone,
       requested_medications: [
         {
           productVariation: userData.selected_product_data.product_variation,
           quantity: 1
         }
       ],
       payment_configuration: {
         system: "stripe",
         system_customer_identifier: userData.customer_id,
         system_payment_intent_identifier: userData.payment_intent_id
       },
       externalIdentifier: userData.payment_intent_id,
     };
   
     console.log('[Submit to Telegra] - requestBody:', requestBody)
   
     const url = `${TELEGRA_MD_HOST}/integrations/embeddables/${INTEGRATION_CONFIGURATION_ID}/visit/initiate?access_token=${API_KEY_IDENTIFIER}`;
   
     // Sends POST request, using the Embeddables backend proxy to keep the access token secure
     fetch(`https://proxy-secure.trysavvy.com/?url=${encodeURIComponent(url)}`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
       body: JSON.stringify(requestBody)
     })
       .then(response => {
         if (!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
         }
         return response.json();
       })
       .then(data => {
         console.log("[Submit to Telegra] - Response:", data);
   
         // Adds the portal URL to the user data, so it can be used in future Actions
         setUserData({ telegra_md_portal_url: data.visitUrl })
       })
       .catch(error => {
         console.error("[Submit to Telegra] - Error:", error);
       });
   }
   

3. Add a Trigger for the relevant user event

   • Switch to the Triggers tab.
   • Add a new Trigger.
   • Choose the event that you want to trigger the Action on.
     • For example: WHEN Page KEY email_page IS Completed.
   • Select the Send Data to Telegra MD Action.
   • Hit Add.

Learn more about Custom Code

Read more about writing Custom Code in Embeddables, including all the available arguments passed in to the function.