[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"plugin-12":3,"all-plugins-list":29},{"id":4,"title":5,"icon":6,"subtitle":7,"description":8,"installation_guide":9,"script":10,"meta":11,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":28,"category":25},12,"Trustpilot Reviews","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002FurcJdI6Jp2R00hXijCUJLHKbHg69hKAYyYNOyr2H.png","Show Trustpilot reviews on your store. Build trust with potential customers by displaying authentic customer feedback.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Trustpilot Reviews for your e-commerce store?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">Trustpilot is a popular review platform that allows businesses to collect and showcase authentic customer reviews.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">By integrating Trustpilot with your e-commerce store, you can build trust with potential customers, improve your brand reputation, and increase conversion rates through social proof.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Build Customer Trust\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Display authentic customer reviews and ratings to build credibility and trust with potential buyers.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Improve Conversion Rates\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Leverage the power of social proof to increase customer confidence and boost conversion rates.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Collect Valuable Feedback\u003C\u002Fh3>\r\n  \u003Cp>Gather insights from customer reviews to improve your products, services, and overall customer experience.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can integrate Trustpilot with your store:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Create a Trustpilot Business Account -->\r\n    \u003Cli>\r\n      Create a Trustpilot Business Account:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit the \u003Ca href=\"https:\u002F\u002Fbusiness.trustpilot.com\u002F\" target=\"_blank\" class=\"tw-text-blue-600 tw-underline\">Trustpilot Business website\u003C\u002Fa>.\u003C\u002Fli>\r\n        \u003Cli>Sign up for a free account or choose a paid plan based on your needs.\u003C\u002Fli>\r\n        \u003Cli>Claim your business profile and complete your company information.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Set Up Trustpilot Integration -->\r\n    \u003Cli>\r\n      Set Up Trustpilot Integration:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>In your Trustpilot Business account, navigate to \"Integrations\".\u003C\u002Fli>\r\n        \u003Cli>Select \"Website Integrations\" and choose the type of integration you want (TrustBox, automatic invitations, etc.).\u003C\u002Fli>\r\n        \u003Cli>Customize your TrustBox widgets and copy the generated code.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Install the Integration -->\r\n    \u003Cli>\r\n      Install the Integration:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Paste the Trustpilot code into the Orderain plugin code block.\u003C\u002Fli>\r\n        \u003Cli>Configure where and when to display your Trustpilot widgets on your store.\u003C\u002Fli>\r\n        \u003Cli>Set up automatic review invitations to be sent after purchases.\u003C\u002Fli>\r\n        \u003Cli>Test the integration to ensure reviews are displaying correctly.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003C!-- TrustBox script -->\r\n\u003Cscript type=\"text\u002Fjavascript\" src=\"\u002F\u002Fwidget.trustpilot.com\u002Fbootstrap\u002Fv5\u002Ftp.widget.bootstrap.min.js\" async>\u003C\u002Fscript>\r\n\u003C!-- End TrustBox script -->\r\n\r\n\u003C!-- TrustBox widget - Mini -->\r\n\u003Cdiv class=\"trustpilot-widget\" data-locale=\"en-US\" data-template-id=\"53aa8807dec7e10d38f59f32\" data-businessunit-id=\"YOUR_BUSINESS_UNIT_ID\" data-style-height=\"24px\" data-style-width=\"100%\" data-theme=\"light\">\r\n  \u003Ca href=\"https:\u002F\u002Fwww.trustpilot.com\u002Freview\u002FYOUR_DOMAIN\" target=\"_blank\" rel=\"noopener\">Trustpilot\u003C\u002Fa>\r\n\u003C\u002Fdiv>\r\n\u003C!-- End TrustBox widget -->",{"elements":12},[13,20],{"name":14,"type":15,"label":16,"required":17,"inputType":18,"placeholder":19},"YOUR_BUSINESS_UNIT_ID","input","Trustpilot Business Unit ID",true,"text","Enter your Business Unit ID (e.g., 1234567890abcdef12345678)",{"name":21,"type":15,"label":22,"required":17,"inputType":18,"placeholder":23},"YOUR_DOMAIN","Business Domain","e.g., orderain.com","active",null,false,0,"social-proof",[30,45,59,74,88,100,119,132,145,150,164,202,215,235,248],{"id":31,"title":32,"icon":33,"subtitle":34,"description":35,"installation_guide":36,"script":37,"meta":38,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":44,"category":25},1,"Google Analytics","https:\u002F\u002Fcdn.orderain.com\u002Fplugin_icons\u002Fgoogle-analytics-icon.svg","Track your store performance with Google analytics. Get insights and make data-driven decisions.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Google Analytics for your business?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Google Analytics is a website traffic analysis application that provides real-time statistics and analysis of user interactions with your website.\r\n  \u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    It enables website owners to analyze their visitors, interpret data, and optimize their website's performance. Google Analytics can track various forms of digital media, referring upstream web destinations, banner and contextual advertisements, e-mails, and integrates with other Google products.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Complete Information\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Understand your site and app users to better assess the performance of your marketing, content, products, and more.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Get Insights\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Access Google's unique insights and machine learning capabilities to maximize the value of your data.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Connect Insights to Results\u003C\u002Fh3>\r\n  \u003Cp>\r\n    Analytics works with Google's advertising and publisher products, allowing you to use your insights to achieve business results.\r\n  \u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can start using Google Analytics:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-2\">\r\n    \u003Cli>Create an account on Google Analytics or log in if you already have one.\u003C\u002Fli>\r\n    \u003Cli>Once logged in, click on \u003Cstrong>Admin\u003C\u002Fstrong>.\u003C\u002Fli>\r\n    \u003Cli>Select the account from the menu in the \u003Cstrong>ACCOUNT\u003C\u002Fstrong> column.\u003C\u002Fli>\r\n    \u003Cli>Select the property from the menu in the \u003Cstrong>PROPERTY\u003C\u002Fstrong> column.\u003C\u002Fli>\r\n    \u003Cli>Under \u003Cstrong>PROPERTY\u003C\u002Fstrong>, click \u003Cstrong>Data Streams\u003C\u002Fstrong>, then click on \u003Cstrong>Tracking Info\u003C\u002Fstrong>.\u003C\u002Fli>\r\n    \u003Cli>Select \u003Cstrong>Tracking\u002FMeasurement Code\u003C\u002Fstrong>.\u003C\u002Fli>\r\n    \u003Cli>Copy the Tracking ID displayed at the top of the page.\u003C\u002Fli>\r\n    \u003Cli>Now, install the Google Analytics plugin on Orderain.\u003C\u002Fli>\r\n    \u003Cli>Click on \u003Cstrong>Settings\u003C\u002Fstrong> and it will ask for the Analytics Property ID.\u003C\u002Fli>\r\n    \u003Cli>Paste the Tracking ID here to complete the installation.\u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript async src=\"https:\u002F\u002Fwww.googletagmanager.com\u002Fgtag\u002Fjs?id=YOUR_ID\">\u003C\u002Fscript>\r\n\u003Cscript>\r\n  window.dataLayer = window.dataLayer || [];\r\n  function gtag(){dataLayer.push(arguments);}\r\n  gtag('js', new Date());\r\n  gtag('config', 'YOUR_ID');\r\n\u003C\u002Fscript>",{"elements":39},[40],{"name":41,"type":15,"label":42,"required":17,"inputType":18,"placeholder":43},"YOUR_ID","Google Analytics ID","G-XXXXXXXXXX","analytics",{"id":46,"title":47,"icon":48,"subtitle":49,"description":50,"installation_guide":51,"script":52,"meta":53,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":44,"category":25},2,"Google Tag Manager","https:\u002F\u002Fcdn.orderain.com\u002Fplugin_icons\u002Fgoogle-tag-manager-icon.svg","Manage and deploy marketing tags without modifying code. Simplify tag management and enhance tracking capabilities.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why Use Google Tag Manager?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Google Tag Manager (GTM) is a tag management system that allows you to manage and deploy marketing tags without needing to modify your website's code directly. It simplifies the process of adding and updating tags for analytics, marketing, and tracking purposes.\r\n  \u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    With GTM, you can quickly implement and update tags for services like Google Analytics, Facebook Pixel, and more, all from a single interface.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Streamline Tag Management\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Easily add, update, and manage tags without needing to involve developers for every change.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Enhanced Tracking Capabilities\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Utilize built-in and custom tags to track a wide range of user interactions and behaviors.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Test and Debug\u003C\u002Fh3>\r\n  \u003Cp>\r\n    Use GTM's built-in debugging tools to test and verify tag implementations before going live, ensuring accuracy in tracking and data collection.\r\n  \u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">How to Set Up Google Tag Manager:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-2\">\r\n    \u003Cli>Create a Google Tag Manager account if you don't have one already.\u003C\u002Fli>\r\n    \u003Cli>Set up a new container for your website and select the appropriate platform (e.g., Web).\u003C\u002Fli>\r\n    \u003Cli>Copy the GTM container snippet provided.\u003C\u002Fli>\r\n    \u003Cli>Paste the container snippet into the \u003Cstrong>head\u003C\u002Fstrong> and \u003Cstrong>body\u003C\u002Fstrong> sections of your website's HTML.\u003C\u002Fli>\r\n    \u003Cli>Log in to your GTM account and start configuring tags, triggers, and variables as needed.\u003C\u002Fli>\r\n    \u003Cli>Use GTM's preview mode to test your tag implementations and ensure they are firing correctly.\u003C\u002Fli>\r\n    \u003Cli>Publish your changes once you've confirmed everything is set up correctly.\u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003C!-- Google Tag Manager -->\r\n\u003Cscript>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r\n'https:\u002F\u002Fwww.googletagmanager.com\u002Fgtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r\n})(window,document,'script','dataLayer','YOUR_GTM_ID');\u003C\u002Fscript>\r\n\u003C!-- End Google Tag Manager -->",{"elements":54},[55],{"name":56,"type":15,"label":57,"required":17,"inputType":18,"placeholder":58},"YOUR_GTM_ID","Google Tag Manager ID","GTM-XXXXXXX",{"id":60,"title":61,"icon":62,"subtitle":63,"description":64,"installation_guide":65,"script":66,"meta":67,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":73,"category":25},3,"Facebook Pixel","https:\u002F\u002Fcdn.orderain.com\u002Fplugin_icons\u002Fmeta-icon.png","Track and optimize your Facebook ad campaigns with Facebook Pixel. Measure your advertising success and improve targeting.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why Use Facebook Pixel for Your Business?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Facebook Pixel is a powerful tool that allows you to track and measure the effectiveness of your Facebook ad campaigns. It helps you understand how users interact with your website after seeing your ads.\r\n  \u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    By using Facebook Pixel, you can optimize your ads for better performance, retarget users who have previously visited your site, and gain valuable insights into your audience's behavior.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Measure Ad Effectiveness\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Track conversions and understand how your ads drive user actions on your website, such as purchases or sign-ups.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Optimize Ad Campaigns\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">\r\n    Use the data collected by Facebook Pixel to refine your ad targeting and improve the return on your advertising investment.\r\n  \u003C\u002Fp>\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Retarget Users\u003C\u002Fh3>\r\n  \u003Cp>\r\n    Re-engage users who have previously interacted with your site by showing them relevant ads based on their past behavior.\r\n  \u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">How to Set Up Facebook Pixel:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-2\">\r\n    \u003Cli>Log in to your Facebook Ads Manager account.\u003C\u002Fli>\r\n    \u003Cli>Navigate to \u003Cstrong>Events Manager\u003C\u002Fstrong> and select \u003Cstrong>Pixels\u003C\u002Fstrong> under the \u003Cstrong>Data Sources\u003C\u002Fstrong> menu.\u003C\u002Fli>\r\n    \u003Cli>Click \u003Cstrong>Add\u003C\u002Fstrong> to create a new pixel and name it.\u003C\u002Fli>\r\n    \u003Cli>After creating the pixel, copy the Pixel ID provided.\u003C\u002Fli>\r\n    \u003Cli>Go to your website's backend or tag management system.\u003C\u002Fli>\r\n    \u003Cli>Install the Facebook Pixel base code on every page of your website, including the Pixel ID.\u003C\u002Fli>\r\n    \u003Cli>Verify the pixel installation using the Facebook Pixel Helper extension or through your Events Manager.\u003C\u002Fli>\r\n    \u003Cli>Configure events and custom conversions as needed to track specific user actions.\u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003C!-- Facebook Pixel Code -->\r\n\u003Cscript>\r\n  !function(f,b,e,v,n,t,s)\r\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\r\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\r\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\r\n  n.queue=[];t=b.createElement(e);t.async=!0;\r\n  t.src=v;s=b.getElementsByTagName(e)[0];\r\n  s.parentNode.insertBefore(t,s)}(window, document,'script',\r\n  'https:\u002F\u002Fconnect.facebook.net\u002Fen_US\u002Ffbevents.js');\r\n  fbq('init', 'YOUR_PIXEL_ID');\r\n  fbq('track', 'PageView');\r\n\u003C\u002Fscript>\r\n\u003Cnoscript>\u003Cimg height=\"1\" width=\"1\" style=\"display:none\"\r\n  src=\"https:\u002F\u002Fwww.facebook.com\u002Ftr?id=YOUR_PIXEL_ID&ev=PageView&noscript=1\"\r\n\u002F>\u003C\u002Fnoscript>\r\n\u003C!-- End Facebook Pixel Code -->",{"elements":68},[69],{"name":70,"type":15,"label":71,"required":17,"inputType":18,"placeholder":72},"YOUR_PIXEL_ID","Facebook Pixel ID","e.g., 123456789012345","ads",{"id":75,"title":76,"icon":77,"subtitle":78,"description":79,"installation_guide":80,"script":81,"meta":82,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":87,"category":25},4,"Tawk.to","https:\u002F\u002Fcdn.orderain.com\u002Fplugin_icons\u002Ftawk.to.png","Tawk.to is a free messaging app that lets you monitor and chat with visitors on your website. Setup is simple and you'll be ready to chat in minutes.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Tawk.to for your business?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">Tawk.to is a free live chat application that allows you to monitor and engage with visitors on your website in real-time.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">It helps businesses provide instant customer support, answer queries, and convert visitors into customers. Tawk.to is easy to set up, customizable, and integrates seamlessly with various platforms and tools.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Real-Time Customer Engagement\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Connect with your website visitors in real-time to provide immediate assistance, answer questions, and improve customer satisfaction.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Customizable Chat Widget\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Tailor the chat widget to match your brand's style, ensuring a consistent look and feel across your website.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Seamless Integration\u003C\u002Fh3>\r\n  \u003Cp>Integrate Tawk.to with various platforms and tools to enhance your website's functionality and streamline communication with your customers.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can start using Tawk.to:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Sign Up for Tawk.to -->\r\n    \u003Cli>\r\n      Sign up for Tawk.to:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit the \u003Ca href=\"https:\u002F\u002Fwww.tawk.to\u002F\" target=\"_blank\" class=\"tw-text-blue-600 tw-underline\">Tawk.to website\u003C\u002Fa>.\u003C\u002Fli>\r\n        \u003Cli>Create a free account or log in if you already have one.\u003C\u002Fli>\r\n        \u003Cli>Set up a new property for your website and note down the generated chat script.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Get the Chat Script -->\r\n    \u003Cli>\r\n      Get the Chat Script:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>After setting up your property, you will receive a JavaScript code snippet for the chat widget.\u003C\u002Fli>\r\n        \u003Cli>\r\n          Copy and paste this script into your website's `\u003Chead>` section, just before the closing `\u003C\u002Fhead>` tag.\r\n        \u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Insert the Script into Your Website -->\r\n    \u003Cli>\r\n      Insert the Script into Your Website:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Paste the chat widget script into the code block of your Orderain plugin or directly into your website's HTML code.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript type=\"text\u002Fjavascript\">\r\n  var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();\r\n(function(){\r\nvar s1=document.createElement(\"script\"),s0=document.getElementsByTagName(\"script\")[0];\r\ns1.async=true;\r\ns1.src='https:\u002F\u002Fembed.tawk.to\u002FYOUR_ID\u002F1i44b9d7n';\r\ns1.charset='UTF-8';\r\ns1.setAttribute('crossorigin','*');\r\ns0.parentNode.insertBefore(s1,s0);\r\n})();\r\n\u003C\u002Fscript>",{"elements":83},[84],{"name":41,"type":15,"label":85,"required":17,"inputType":18,"placeholder":86},"Tawk.to id","XXXXXXXX","communication",{"id":89,"title":90,"icon":91,"subtitle":92,"description":93,"installation_guide":94,"script":95,"meta":96,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":44,"category":25},5,"Microsoft Clarity","https:\u002F\u002Fcdn.orderain.com\u002Fplugin_icons\u002Fclarity.png","Clarity is a free tool that captures how people use your site. Setup is easy and you'll start getting data in minutes.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Microsoft Clarity for your business?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">Microsoft Clarity is a free analytics tool that provides insights into how users interact with your website through session recordings, heatmaps, and other features.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">It helps website owners analyze user behavior, understand their journey, and identify areas for improvement. Microsoft Clarity is designed to be easy to set up and use, and it integrates seamlessly with other Microsoft products.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Complete User Interaction Data\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Gain a deeper understanding of how users engage with your site, from clicks to scrolls, to better optimize your website's user experience.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Get Actionable Insights\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Access detailed insights and data visualizations that help you make informed decisions about your site's content, layout, and functionality.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Integrate and Optimize\u003C\u002Fh3>\r\n  \u003Cp>Use Microsoft Clarity alongside other tools to optimize your website and improve user satisfaction, driving better business outcomes.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can start using Microsoft Clarity:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Sign Up for Microsoft Clarity -->\r\n    \u003Cli>\r\n      Sign up for Microsoft Clarity:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit the \u003Ca href=\"https:\u002F\u002Fclarity.microsoft.com\u002F\" target=\"_blank\" class=\"tw-text-blue-600 tw-underline\">Microsoft Clarity website\u003C\u002Fa>.\u003C\u002Fli>\r\n        \u003Cli>Sign up or log in using your Microsoft account.\u003C\u002Fli>\r\n        \u003Cli>Create a new project for your website and note down the tracking code provided.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Get the Tracking Code -->\r\n    \u003Cli>\r\n      Get the Tracking Code:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>After creating your project, you will receive a JavaScript code snippet.\u003C\u002Fli>\r\n        \u003Cli>\r\n          Copy and paste it into your website's `\u003Chead>` section just before the closing `\u003C\u002Fhead>` tag.\r\n        \u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Insert the Code into Your Website -->\r\n    \u003Cli>\r\n      Insert the Code into Your Website:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Paste the following code snippet into your Orderain plugin code block\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript type=\"text\u002Fjavascript\">\r\n  (function(c,l,a,r,i,t,y){\r\n        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\r\n        t=l.createElement(r);t.async=1;t.src=\"https:\u002F\u002Fwww.clarity.ms\u002Ftag\u002F\"+i;\r\n        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\r\n    })(window, document, \"clarity\", \"script\", \"YOUR_ID\");\r\n\u003C\u002Fscript>",{"elements":97},[98],{"name":41,"type":15,"label":99,"required":17,"inputType":18,"placeholder":86},"Microsoft Clarity id",{"id":101,"title":102,"icon":103,"subtitle":104,"description":105,"installation_guide":106,"script":107,"meta":108,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":118,"category":25},6,"Mailchimp","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002FdlyCbcviCPLwn5TWyPAsHdGWDx1VRyy55DP8otcI.png","Connect your store with Mailchimp to sync customer data, automate email campaigns, and grow your business.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Mailchimp for your e-commerce business?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">Mailchimp is a powerful email marketing platform that helps you connect with your customers, grow your audience, and boost sales.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">When integrated with your e-commerce store, Mailchimp allows you to sync customer data, track purchase behavior, and create targeted email campaigns that drive results.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Targeted Email Campaigns\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Create and send personalized email campaigns based on customer behavior, purchase history, and preferences.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Automated Customer Journey\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Set up automated workflows for welcome emails, abandoned cart reminders, post-purchase follow-ups, and more.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Comprehensive Analytics\u003C\u002Fh3>\r\n  \u003Cp>Track the performance of your email campaigns, monitor customer engagement, and measure the impact on your sales and revenue.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can integrate Mailchimp with your store:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Create a Mailchimp Account -->\r\n    \u003Cli>\r\n      Create a Mailchimp Account:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit the \u003Ca href=\"https:\u002F\u002Fmailchimp.com\u002F\" target=\"_blank\" class=\"tw-text-blue-600 tw-underline\">Mailchimp website\u003C\u002Fa>.\u003C\u002Fli>\r\n        \u003Cli>Sign up for a free account or log in if you already have one.\u003C\u002Fli>\r\n        \u003Cli>Set up your audience and customize your preferences.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Get Your API Key -->\r\n    \u003Cli>\r\n      Get Your API Key:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>In your Mailchimp account, click on your profile icon and select \"Account & Billing\".\u003C\u002Fli>\r\n        \u003Cli>Navigate to \"Extras\" > \"API keys\".\u003C\u002Fli>\r\n        \u003Cli>Click \"Create A Key\" and copy the generated API key.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Configure the Integration -->\r\n    \u003Cli>\r\n      Configure the Integration:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Paste your Mailchimp API key in the Orderain plugin settings.\u003C\u002Fli>\r\n        \u003Cli>Select the audience you want to sync with your store.\u003C\u002Fli>\r\n        \u003Cli>Configure the data mapping and automation settings as desired.\u003C\u002Fli>\r\n        \u003Cli>Save your changes and activate the integration.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript id=\"mcjs\">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,\"script\",\"https:\u002F\u002Fchimpstatic.com\u002Fmcjs-connected\u002Fjs\u002Fusers\u002FYOUR_USER_ID\u002FYOUR_LIST_ID.js\");\u003C\u002Fscript>",{"elements":109},[110,114],{"name":111,"type":15,"label":112,"required":17,"inputType":18,"placeholder":113},"YOUR_USER_ID","Mailchimp User ID","Enter your Mailchimp User ID",{"name":115,"type":15,"label":116,"required":17,"inputType":18,"placeholder":117},"YOUR_LIST_ID","Mailchimp List ID","Enter your Mailchimp List ID","marketing",{"id":120,"title":121,"icon":122,"subtitle":123,"description":124,"installation_guide":125,"script":126,"meta":127,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":87,"category":25},7,"WhatsApp Business","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002FLZozUtacBmOSR13N3mIP1ElQTNehXXjNxGsYtKon.png","Connect with customers on WhatsApp directly from your store. Enable real-time support and increase customer engagement.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use WhatsApp Business for your e-commerce store?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">WhatsApp Business is a powerful tool that allows you to connect with your customers on one of the world's most popular messaging platforms.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">By integrating WhatsApp with your e-commerce store, you can provide real-time customer support, send order updates, and engage with your customers in a more personal way.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Instant Customer Support\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Provide immediate assistance to your customers through a platform they already use and trust.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Order Updates & Notifications\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Send automated messages regarding order confirmations, shipping updates, and delivery notifications.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Higher Engagement Rates\u003C\u002Fh3>\r\n  \u003Cp>Benefit from WhatsApp's high open and response rates compared to traditional communication channels like email.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can integrate WhatsApp Business with your store:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Create a WhatsApp Business Account -->\r\n    \u003Cli>\r\n      Create a WhatsApp Business Account:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Download the WhatsApp Business app from your app store.\u003C\u002Fli>\r\n        \u003Cli>Set up your business profile with your store name, address, description, and business hours.\u003C\u002Fli>\r\n        \u003Cli>Verify your business phone number.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Configure Your WhatsApp Button -->\r\n    \u003Cli>\r\n      Configure Your WhatsApp Button:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Enter your WhatsApp business phone number in the Orderain plugin settings.\u003C\u002Fli>\r\n        \u003Cli>Customize the button text, color, and position on your website.\u003C\u002Fli>\r\n        \u003Cli>Optionally, set up a pre-filled message that will appear when customers click the button.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Test the Integration -->\r\n    \u003Cli>\r\n      Test the Integration:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit your store's frontend to ensure the WhatsApp button appears correctly.\u003C\u002Fli>\r\n        \u003Cli>Click the button to verify that it opens WhatsApp with your business account and any pre-filled message.\u003C\u002Fli>\r\n        \u003Cli>Test the feature on both desktop and mobile devices.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript>\r\n  window.onload = function() {\r\n    var whatsappButton = document.createElement('a');\r\n    whatsappButton.href = 'https:\u002F\u002Fwa.me\u002FYOUR_PHONE_NUMBER';\r\n    whatsappButton.target = '_blank';\r\n    whatsappButton.className = 'whatsapp-button';\r\n    whatsappButton.innerHTML = '\u003Cimg src=\"https:\u002F\u002Fcdn.orderain.com\u002Fwhatsapp-logo.png\" alt=\"WhatsApp\"> Chat with us';\r\n    document.body.appendChild(whatsappButton);\r\n    \r\n    var style = document.createElement('style');\r\n    style.textContent = '.whatsapp-button {position: fixed; bottom: 20px; right: 20px; background-color: #25D366; color: white; border-radius: 50px; padding: 10px 20px; display: flex; align-items: center; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.1);} .whatsapp-button img {width: 24px; height: 24px; margin-right: 8px;}';\r\n    document.head.appendChild(style);\r\n  };\r\n\u003C\u002Fscript>",{"elements":128},[129],{"name":130,"type":15,"label":131,"required":17,"inputType":18,"placeholder":86},"YOUR_PHONE_NUMBER","WhatsApp Business Number",{"id":133,"title":134,"icon":135,"subtitle":136,"description":137,"installation_guide":138,"script":139,"meta":140,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":44,"category":25},10,"Hotjar","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002FcGiIOAYwLflLcQvvHJ3i8ADcf3zkOhkIrCrbzOAn.png","Understand how visitors use your store with heatmaps, recordings, and feedback tools. Improve your site based on real user behavior.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Hotjar for your e-commerce store?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">Hotjar is a powerful user behavior analytics tool that helps you understand how visitors interact with your website through heatmaps, session recordings, and feedback tools.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">By integrating Hotjar with your e-commerce store, you can gain valuable insights into user behavior, identify pain points in the customer journey, and make data-driven improvements to your site.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Visual User Insights\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Use heatmaps to see where users click, move, and scroll on your pages, helping you optimize layout and design.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Session Recordings\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Watch recordings of real user sessions to understand their journey and identify obstacles in the checkout process.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">User Feedback\u003C\u002Fh3>\r\n  \u003Cp>Collect direct feedback from users through surveys and feedback widgets to understand their needs and expectations.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can integrate Hotjar with your store:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Create a Hotjar Account -->\r\n    \u003Cli>\r\n      Create a Hotjar Account:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit the \u003Ca href=\"https:\u002F\u002Fwww.hotjar.com\u002F\" target=\"_blank\" class=\"tw-text-blue-600 tw-underline\">Hotjar website\u003C\u002Fa>.\u003C\u002Fli>\r\n        \u003Cli>Sign up for a free account or choose a paid plan based on your needs.\u003C\u002Fli>\r\n        \u003Cli>Create a new site in your Hotjar dashboard.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Get Your Tracking Code -->\r\n    \u003Cli>\r\n      Get Your Tracking Code:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>After creating your site, Hotjar will provide you with a tracking code snippet.\u003C\u002Fli>\r\n        \u003Cli>Copy this code, which includes your unique Hotjar ID.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Install the Tracking Code -->\r\n    \u003Cli>\r\n      Install the Tracking Code:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Paste the Hotjar tracking code into the Orderain plugin code block.\u003C\u002Fli>\r\n        \u003Cli>Save your changes and verify the installation.\u003C\u002Fli>\r\n        \u003Cli>Set up heatmaps, recordings, and feedback tools in your Hotjar dashboard.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript>\r\n    (function(h,o,t,j,a,r){\r\n        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\r\n        h._hjSettings={hjid:YOUR_HOTJAR_ID,hjsv:6};\r\n        a=o.getElementsByTagName('head')[0];\r\n        r=o.createElement('script');r.async=1;\r\n        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\r\n        a.appendChild(r);\r\n    })(window,document,'https:\u002F\u002Fstatic.hotjar.com\u002Fc\u002Fhotjar-','.js?sv=');\r\n\u003C\u002Fscript>",{"elements":141},[142],{"name":143,"type":15,"label":144,"required":17,"inputType":18,"placeholder":86},"YOUR_HOTJAR_ID","Hotjar Id",{"id":4,"title":5,"icon":6,"subtitle":7,"description":8,"installation_guide":9,"script":10,"meta":146,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":28,"category":25},{"elements":147},[148,149],{"name":14,"type":15,"label":16,"required":17,"inputType":18,"placeholder":19},{"name":21,"type":15,"label":22,"required":17,"inputType":18,"placeholder":23},{"id":151,"title":152,"icon":153,"subtitle":154,"description":155,"installation_guide":156,"script":157,"meta":158,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":163,"category":25},14,"Zendesk Support","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002F0Byloj4MgYB6GiyrJROhLmSKkIX4JxUGVzDD4Ie6.png","Provide professional customer support with Zendesk. Streamline ticket management and improve customer satisfaction.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Zendesk Support for your e-commerce store?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">Zendesk is a leading customer service platform that helps businesses provide efficient and personalized support across multiple channels.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">By integrating Zendesk with your e-commerce store, you can centralize customer communications, automate support workflows, and deliver exceptional customer experiences.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Omnichannel Support\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Handle customer inquiries from email, chat, social media, and phone in one unified platform.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Efficient Ticket Management\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Organize, prioritize, and track customer support tickets to ensure timely responses and resolution.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Self-Service Options\u003C\u002Fh3>\r\n  \u003Cp>Create a knowledge base and help center to empower customers to find answers to common questions on their own.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can integrate Zendesk with your store:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Create a Zendesk Account -->\r\n    \u003Cli>\r\n      Create a Zendesk Account:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit the \u003Ca href=\"https:\u002F\u002Fwww.zendesk.com\u002F\" target=\"_blank\" class=\"tw-text-blue-600 tw-underline\">Zendesk website\u003C\u002Fa>.\u003C\u002Fli>\r\n        \u003Cli>Sign up for a trial or paid account based on your needs.\u003C\u002Fli>\r\n        \u003Cli>Complete your account setup and customize your support center.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Set Up Web Widget -->\r\n    \u003Cli>\r\n      Set Up Web Widget:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>In your Zendesk account, go to \"Admin\" > \"Channels\" > \"Web Widget\".\u003C\u002Fli>\r\n        \u003Cli>Customize the appearance and behavior of the widget.\u003C\u002Fli>\r\n        \u003Cli>Copy the widget code provided by Zendesk.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Install the Integration -->\r\n    \u003Cli>\r\n      Install the Integration:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Paste the Zendesk widget code into the Orderain plugin code block.\u003C\u002Fli>\r\n        \u003Cli>Configure additional settings such as product data synchronization and order information sharing.\u003C\u002Fli>\r\n        \u003Cli>Test the widget on your store to ensure it appears correctly and functions properly.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003C!-- Start of Zendesk Widget script -->\r\n\u003Cscript id=\"ze-snippet\" src=\"https:\u002F\u002Fstatic.zdassets.com\u002Fekr\u002Fsnippet.js?key=YOUR_ZENDESK_KEY\">\u003C\u002Fscript>\r\n\u003C!-- End of Zendesk Widget script -->",{"elements":159},[160],{"name":161,"type":15,"label":162,"required":17,"inputType":18,"placeholder":86},"YOUR_ZENDESK_KEY","Zendesk Support id","support",{"id":165,"title":166,"icon":167,"subtitle":168,"description":169,"installation_guide":170,"script":171,"meta":172,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":28,"category":25},16,"Yotpo Reviews","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002F4fGDqpaMSrH73gz8khYJ54xyN1PBFhB2lyE267pO.png","Collect and display product reviews, Q&A, and user-generated content. Build social proof and increase conversion rates.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Yotpo Reviews for your e-commerce store?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">Yotpo is a comprehensive user-generated content marketing platform that helps e-commerce businesses collect and display product reviews, Q&A, photos, and videos.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">By integrating Yotpo with your e-commerce store, you can build social proof, increase customer trust, and leverage user-generated content to drive conversions and sales.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Authentic Reviews\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Collect verified product reviews from real customers to build trust and credibility with potential buyers.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Visual Marketing\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Showcase user-generated photos and videos to give shoppers a better understanding of your products in real life.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">SEO Benefits\u003C\u002Fh3>\r\n  \u003Cp>Boost your search engine visibility with rich snippets and fresh, keyword-rich content from customer reviews.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can integrate Yotpo with your store:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Create a Yotpo Account -->\r\n    \u003Cli>\r\n      Create a Yotpo Account:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit the \u003Ca href=\"https:\u002F\u002Fwww.yotpo.com\u002F\" target=\"_blank\" class=\"tw-text-blue-600 tw-underline\">Yotpo website\u003C\u002Fa>.\u003C\u002Fli>\r\n        \u003Cli>Sign up for an account and select your plan.\u003C\u002Fli>\r\n        \u003Cli>Complete your account setup with your business information.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Get Your App Key -->\r\n    \u003Cli>\r\n      Get Your App Key:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>In your Yotpo account, go to \"Settings\" > \"Store Settings\" > \"General\".\u003C\u002Fli>\r\n        \u003Cli>Find and copy your App Key (sometimes called API Key).\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Configure the Integration -->\r\n    \u003Cli>\r\n      Configure the Integration:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Paste your Yotpo App Key in the Orderain plugin settings.\u003C\u002Fli>\r\n        \u003Cli>Configure widget placement options for product pages, home page, and other locations.\u003C\u002Fli>\r\n        \u003Cli>Set up automatic review request emails to be sent after purchases.\u003C\u002Fli>\r\n        \u003Cli>Customize the appearance of your review widgets to match your store's design.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript>\r\n(function e(){var e=document.createElement(\"script\");e.type=\"text\u002Fjavascript\",e.async=true,e.src=\"\u002F\u002Fstaticw2.yotpo.com\u002FYOUR_YOTPO_APP_KEY\u002Fwidget.js\";var t=document.getElementsByTagName(\"script\")[0];t.parentNode.insertBefore(e,t)})();\r\n\u003C\u002Fscript>\r\n\r\n\u003Cdiv class=\"yotpo yotpo-main-widget\"\r\n  data-product-id=\"PRODUCT_ID\"\r\n  data-price=\"PRODUCT_PRICE\"\r\n  data-currency=\"CURRENCY_CODE\"\r\n  data-name=\"PRODUCT_NAME\"\r\n  data-url=\"PRODUCT_URL\"\r\n  data-image-url=\"PRODUCT_IMAGE_URL\">\r\n\u003C\u002Fdiv>",{"elements":173},[174,178,182,186,190,194,198],{"name":175,"type":15,"label":176,"required":17,"inputType":18,"placeholder":177},"YOUR_YOTPO_APP_KEY","Yotpo App Key","Enter your Yotpo App Key (e.g., xxxxxxxx123456)",{"name":179,"type":15,"label":180,"required":17,"inputType":18,"placeholder":181},"PRODUCT_ID","Product ID","Unique product ID",{"name":183,"type":15,"label":184,"required":17,"inputType":18,"placeholder":185},"PRODUCT_PRICE","Product Price","e.g., 4999",{"name":187,"type":15,"label":188,"required":17,"inputType":18,"placeholder":189},"CURRENCY_CODE","Currency Code","e.g., PKR, USD",{"name":191,"type":15,"label":192,"required":17,"inputType":18,"placeholder":193},"PRODUCT_NAME","Product Name","e.g., Ergonomic Laptop Stand",{"name":195,"type":15,"label":196,"required":17,"inputType":18,"placeholder":197},"PRODUCT_URL","Product URL","https:\u002F\u002Fyourstore.com\u002Fproducts\u002Flaptop-stand",{"name":199,"type":15,"label":200,"required":17,"inputType":18,"placeholder":201},"PRODUCT_IMAGE_URL","Product Image URL","https:\u002F\u002Fyourstore.com\u002Fimages\u002Flaptop-stand.jpg",{"id":203,"title":204,"icon":205,"subtitle":206,"description":207,"installation_guide":208,"script":209,"meta":210,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":44,"category":25},19,"Lucky Orange","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002FJ9OoFoFFzTfmyRRtiJZVPcHjjuzey07VBf4xlCam.png","Understand how visitors use your store with heatmaps, session recordings, and conversion funnels. Optimize your site for better conversions.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Why use Lucky Orange for your e-commerce store?\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-2\">Lucky Orange is a comprehensive conversion optimization tool that provides heatmaps, session recordings, live chat, conversion funnels, and more.\u003C\u002Fp>\r\n  \u003Cp class=\"tw-mb-2\">By integrating Lucky Orange with your e-commerce store, you can gain valuable insights into user behavior, identify usability issues, and optimize your site for better conversions.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Visual Analytics\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Use heatmaps, scrollmaps, and click maps to see exactly how users interact with your pages.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Session Recordings\u003C\u002Fh3>\r\n  \u003Cp class=\"tw-mb-2\">Watch recordings of actual user sessions to identify pain points and areas for improvement.\u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Conversion Funnels\u003C\u002Fh3>\r\n  \u003Cp>Track user progression through your sales funnel and identify where visitors drop off.\u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can integrate Lucky Orange with your store:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1: Create a Lucky Orange Account -->\r\n    \u003Cli>\r\n      Create a Lucky Orange Account:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Visit the \u003Ca href=\"https:\u002F\u002Fwww.luckyorange.com\u002F\" target=\"_blank\" class=\"tw-text-blue-600 tw-underline\">Lucky Orange website\u003C\u002Fa>.\u003C\u002Fli>\r\n        \u003Cli>Sign up for an account and select your plan.\u003C\u002Fli>\r\n        \u003Cli>Complete your account setup with your business information.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 2: Get Your Tracking Code -->\r\n    \u003Cli>\r\n      Get Your Tracking Code:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>In your Lucky Orange dashboard, go to \"Settings\" > \"Installation\".\u003C\u002Fli>\r\n        \u003Cli>Copy the JavaScript tracking code provided.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n    \u003C!-- Step 3: Install the Integration -->\r\n    \u003Cli>\r\n      Install the Integration:\r\n      \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-6 tw-mb-2\">\r\n        \u003Cli>Paste the Lucky Orange tracking code into the Orderain plugin code block.\u003C\u002Fli>\r\n        \u003Cli>Configure tracking settings and privacy options as needed.\u003C\u002Fli>\r\n        \u003Cli>Set up conversion goals and funnels in your Lucky Orange dashboard.\u003C\u002Fli>\r\n        \u003Cli>Begin collecting data and analyzing user behavior on your store.\u003C\u002Fli>\r\n      \u003C\u002Ful>\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript type=\"text\u002Fjavascript\">\r\nwindow.__lo_site_id =luckyOrangeId;\r\n\r\n(function() {\r\n\tvar wa = document.createElement('script'); wa.type = 'text\u002Fjavascript'; wa.async = true;\r\n\twa.src = 'https:\u002F\u002Fd10lpsik1i8c69.cloudfront.net\u002Fw.js';\r\n\tvar s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s);\r\n\t})();\r\n\u003C\u002Fscript>",{"elements":211},[212],{"name":213,"type":15,"label":214,"required":17,"inputType":18,"placeholder":86},"luckyOrangeId","Lucky Orange id",{"id":216,"title":217,"icon":218,"subtitle":219,"description":220,"installation_guide":221,"script":222,"meta":223,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":234,"category":25},21,"Safepay","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002FeJIstbh9OsF0AQYg07PvtqVtYqrQ2uHQAOr8OL6F.png","Accelerate your business with our groundbreaking fintech platform. Safepay unifies payments, analytics, and routing in one innovative solution, empowering growth from startups to enterprises.","\u003Cdiv class=\"tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md tw-text-black tw-space-y-3\">\r\n  \u003Ch2 class=\"tw-text-2xl tw-font-bold\">\r\n    Revolutionize Your Online Payments\r\n  \u003C\u002Fh2>\r\n\r\n  \u003Cp>\r\n    Embrace the future of payments with our groundbreaking solutions. \r\n    Accept transactions \u003Cstrong>globally\u003C\u002Fstrong>, on any device, through our \r\n    \u003Cstrong>innovative all-in-one platform\u003C\u002Fstrong>.\r\n  \u003C\u002Fp>\r\n\r\n  \u003Cp>\r\n    Seamlessly designed for businesses of all sizes, we’re \r\n    \u003Cstrong>redefining digital payments — one payment at a time.\u003C\u002Fstrong>\r\n  \u003C\u002Fp>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md tw-text-black tw-space-y-4\">\r\n  \u003Ch2 class=\"tw-text-2xl tw-font-bold\">\r\n    SafePay Payment Gateway — Installation Guide\r\n  \u003C\u002Fh2>\r\n\r\n  \u003Cdiv class=\"tw-space-y-2\">\r\n    \u003Ch3 class=\"tw-text-lg tw-font-bold\">1. Get Your API Credentials\u003C\u002Fh3>\r\n    \u003Cp>\r\n      Log in to your \u003Cstrong>SafePay Dashboard\u003C\u002Fstrong> and copy your credentials:\r\n    \u003C\u002Fp>\r\n    \u003Cul class=\"tw-list-disc tw-list-inside tw-ml-4\">\r\n      \u003Cli>\u003Cstrong>Public Key:\u003C\u002Fstrong> starts with \u003Ccode>sec_XXXXXXXX\u003C\u002Fcode>\u003C\u002Fli>\r\n      \u003Cli>\u003Cstrong>Secret Key:\u003C\u002Fstrong> \u003Ccode>xxxxxxxxxxxxxx\u003C\u002Fcode>\u003C\u002Fli>\r\n    \u003C\u002Ful>\r\n  \u003C\u002Fdiv>\r\n\r\n  \u003Cdiv class=\"tw-space-y-2\">\r\n    \u003Ch3 class=\"tw-text-lg tw-font-bold\">2. Add Credentials in Plugin Settings\u003C\u002Fh3>\r\n    \u003Cp>\r\n      Open your plugin settings and paste both keys into their respective fields.\r\n    \u003C\u002Fp>\r\n  \u003C\u002Fdiv>\r\n\r\n  \u003Cdiv class=\"tw-space-y-2\">\r\n    \u003Ch3 class=\"tw-text-lg tw-font-bold\">3. Save & Activate\u003C\u002Fh3>\r\n    \u003Cp>\r\n      Click \u003Cstrong>Install\u003C\u002Fstrong> to activate the payment gateway.\r\n    \u003C\u002Fp>\r\n  \u003C\u002Fdiv>\r\n\r\n  \u003Cdiv class=\"tw-space-y-2\">\r\n    \u003Ch3 class=\"tw-text-lg tw-font-bold\">4. Start Receiving Payments\u003C\u002Fh3>\r\n    \u003Cp>\r\n      That’s it! You can now start receiving payments through \r\n      \u003Cstrong>SafePay\u003C\u002Fstrong> — a secure and reliable payment gateway.\r\n    \u003C\u002Fp>\r\n  \u003C\u002Fdiv>\r\n\u003C\u002Fdiv>","{}",{"elements":224},[225,229],{"name":226,"type":15,"label":227,"required":17,"inputType":18,"placeholder":228},"apiKey","Safepay API Key","sec_XXXXXXXX",{"name":230,"type":15,"label":231,"required":17,"inputType":232,"placeholder":233},"secretKey","Safepay Secret Key","password","Enter your secret key","payment",{"id":236,"title":237,"icon":238,"subtitle":239,"description":240,"installation_guide":241,"script":242,"meta":243,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":118,"category":25},22,"Optimonk","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002FODJ9erDFRnvid6ITkmgQMbr5whygDg9iyFfNaYhZ.png","Create high-performing popups in minutes. One platform, hundreds of use cases.","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Engage Your Visitors with Beautiful On-Site Messages\u003C\u002Fh2>\r\n  \u003Cp class=\"tw-mb-4 tw-text-gray-700\">\r\n    Our \u003Cstrong>user-friendly dashboard\u003C\u002Fstrong> makes it easy to create and customize \r\n    beautiful on-site messages that engage your visitors. Choose from a wide array of \r\n    message types to capture new leads and drive more sales. Create almost any layout \r\n    you can imagine with our \u003Cstrong>interactive design tools\u003C\u002Fstrong>.\r\n  \u003C\u002Fp>\r\n\r\n  \u003Ch3 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Features\u003C\u002Fh3>\r\n  \u003Cul class=\"tw-list-disc tw-list-inside tw-mb-4 tw-space-y-1 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003Cli>\u003Cstrong>Popup\u003C\u002Fstrong> – Grab visitors’ attention instantly.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Lucky Wheel & Scratchcard\u003C\u002Fstrong> – Add gamified fun to boost conversions.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Fullscreen\u003C\u002Fstrong> – Create immersive full-page experiences.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Embedded Content\u003C\u002Fstrong> – Display messages seamlessly within your site.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Side Message\u003C\u002Fstrong> – Subtle yet effective engagement on the page edge.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Pick a Gift\u003C\u002Fstrong> – Delight users with interactive surprise offers.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Nanobar\u003C\u002Fstrong> – Lightweight notification bar for quick alerts.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Teaser\u003C\u002Fstrong> – Display a minimal preview to draw curiosity.\u003C\u002Fli>\r\n  \u003C\u002Ful>\r\n\r\n  \u003Ch4 class=\"tw-text-lg tw-font-semibold tw-mb-2\">Design Tools\u003C\u002Fh4>\r\n  \u003Cul class=\"tw-list-disc tw-list-inside tw-space-y-1 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003Cli>\u003Cstrong>Drag & Drop Editor\u003C\u002Fstrong> for effortless customization.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>200+ Beautiful Templates\u003C\u002Fstrong> to get started quickly.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Countdown Timers\u003C\u002Fstrong> to create urgency and drive action.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Adjustable Size & Layout\u003C\u002Fstrong> for any device or display.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Social Elements\u003C\u002Fstrong> to encourage engagement and sharing.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>15+ Display Effects\u003C\u002Fstrong> to make your messages stand out.\u003C\u002Fli>\r\n  \u003C\u002Ful>\r\n\u003C\u002Fdiv>","\u003Cdiv class=\"tw-p-4\">\r\n  \u003Ch2 class=\"tw-text-xl tw-font-bold tw-mb-2\">Here's how you can integrate OptiMonk with your store:\u003C\u002Fh2>\r\n  \u003Col class=\"tw-list-decimal tw-list-inside tw-mb-4 tw-space-y-2 tw-p-4 tw-bg-white tw-rounded-lg tw-shadow-md\">\r\n    \u003C!-- Step 1 -->\r\n    \u003Cli>\r\n      \u003Cstrong>Login\u003C\u002Fstrong> to the \u003Cstrong>OptiMonk dashboard\u003C\u002Fstrong>.\r\n    \u003C\u002Fli>\r\n\r\n    \u003C!-- Step 2 -->\r\n    \u003Cli>\r\n      Click on the \u003Cstrong>“Install OptiMonk”\u003C\u002Fstrong> icon in the left sidebar.\r\n    \u003C\u002Fli>\r\n\r\n    \u003C!-- Step 3 -->\r\n    \u003Cli>\r\n      Navigate to the \u003Cstrong>“WordPress”\u003C\u002Fstrong> tab.\r\n    \u003C\u002Fli>\r\n\r\n    \u003C!-- Step 4 -->\r\n    \u003Cli>\r\n      \u003Cstrong>Copy\u003C\u002Fstrong> the OptiMonk ID.\r\n    \u003C\u002Fli>\r\n\r\n    \u003C!-- Step 5 -->\r\n    \u003Cli>\r\n      After you copy the code, \u003Cstrong>install the OptiMonk plugin\u003C\u002Fstrong> in \u003Cstrong>Orderain\u003C\u002Fstrong>.\r\n    \u003C\u002Fli>\r\n\r\n    \u003C!-- Step 6 -->\r\n    \u003Cli>\r\n      \u003Cstrong>Paste\u003C\u002Fstrong> the copied code into the \u003Cstrong>Orderain plugin’s settings\u003C\u002Fstrong>.\r\n    \u003C\u002Fli>\r\n  \u003C\u002Fol>\r\n\u003C\u002Fdiv>","\u003Cscript type=\"text\u002Fjavascript\"\r\n      src=\"https:\u002F\u002Fonsite.optimonk.com\u002Fscript.js?account=OptiMonkID\"\r\n      async>\u003C\u002Fscript>",{"elements":244},[245],{"name":246,"type":15,"label":247,"required":17,"inputType":18,"placeholder":86},"OptiMonkID","OptiMonk ID",{"id":249,"title":250,"icon":251,"subtitle":252,"description":253,"installation_guide":254,"script":222,"meta":255,"status":24,"category_id":25,"is_featured":26,"sort_order":27,"slug":234,"category":25},23,"Razorpay","https:\u002F\u002Fcdn.orderain.com\u002Fplugin\u002Ficons\u002FPy0QOSBz7iljq7tz7nbFmhaqbiFWI2wwSJRizvV9.png","Start accepting payments in minutes with digital onboarding & feature filled payments checkout","\u003Cdiv style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222;\">\r\n  \u003Ch2 style=\"font-size: 22px; margin-bottom: 10px;\">A System Designed for End-to-End Payments\u003C\u002Fh2>\r\n\r\n  \u003Cp>\r\n    Accept payments through all modes — \u003Cstrong>domestic and international credit & debit cards, FPX,\u003C\u002Fstrong> \r\n    and popular wallets such as \u003Cstrong>GrabPay, Touch 'n Go,\u003C\u002Fstrong> and \u003Cstrong>Boost\u003C\u002Fstrong> in Malaysia.\r\n    Experience a \u003Cstrong>feature-rich and easy-to-integrate checkout\u003C\u002Fstrong> with cards saved across multiple businesses,\r\n    enabling customers to \u003Cstrong>pay seamlessly anywhere.\u003C\u002Fstrong>\r\n  \u003C\u002Fp>\r\n\r\n  \u003Cp>\r\n    Keep your transactions secure with \u003Cstrong>PCI DSS Level 1 compliance\u003C\u002Fstrong> and advanced data protection.\r\n  \u003C\u002Fp>\r\n\r\n  \u003Ch3 style=\"font-size: 18px; margin-top: 20px;\">Key Benefits:\u003C\u002Fh3>\r\n  \u003Cul style=\"margin-top: 10px; padding-left: 20px;\">\r\n    \u003Cli>\u003Cstrong>Quick Setup:\u003C\u002Fstrong> Get started in minutes with seamless onboarding and a fully digital KYC process.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>Enhanced Conversions:\u003C\u002Fstrong> Improve customer experience with a fast, reliable, and intuitive checkout flow across all payment methods.\u003C\u002Fli>\r\n    \u003Cli>\u003Cstrong>High Success Rate:\u003C\u002Fstrong> Enjoy industry-leading transaction success rates and minimize drop-offs through smooth, optimized payment processing.\u003C\u002Fli>\r\n  \u003C\u002Ful>\r\n\u003C\u002Fdiv>","\u003Cdiv style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222;\">\r\n  \u003Ch2 style=\"font-size: 22px; margin-bottom: 10px;\">Plugin Installation Guide (Razorpay)\u003C\u002Fh2>\r\n\r\n  \u003Ch3 style=\"font-size: 18px; margin-top: 20px;\">1. Install & Activate Plugin\u003C\u002Fh3>\r\n  \u003Cp>\r\n    Upload and activate the plugin in your system.\r\n  \u003C\u002Fp>\r\n\r\n  \u003Ch3 style=\"font-size: 18px; margin-top: 20px;\">2. Add API Keys\u003C\u002Fh3>\r\n  \u003Cp>\r\n    Paste your \u003Cstrong>Razorpay API Key\u003C\u002Fstrong> (starting with \u003Ccode>rzp_...\u003C\u002Fcode>) and \u003Cstrong>Secret Key\u003C\u002Fstrong> in the plugin settings.\r\n  \u003C\u002Fp>\r\n\r\n  \u003Ch3 style=\"font-size: 18px; margin-top: 20px;\">3. Save Settings\u003C\u002Fh3>\r\n  \u003Cp>\r\n    Click \u003Cstrong>Install\u003C\u002Fstrong> to connect your account.\r\n  \u003C\u002Fp>\r\n\r\n  \u003Ch3 style=\"font-size: 18px; margin-top: 20px;\">4. Start Receiving Payments\u003C\u002Fh3>\r\n  \u003Cp>\r\n    Your store is now ready to accept payments via \u003Cstrong>Razorpay\u003C\u002Fstrong>.\r\n  \u003C\u002Fp>\r\n\u003C\u002Fdiv>",{"elements":256},[257,260],{"name":226,"type":15,"label":258,"required":17,"inputType":18,"placeholder":259},"Razorpay API Key","rzp_XXXXXXXX",{"name":230,"type":15,"label":261,"required":17,"inputType":232,"placeholder":233},"Razorpay Secret Key"]