Manual Integration

This method involves generating the integration code from your MotaWord dashboard and adding it to your WordPress theme’s header.php file.

  1. Generate Integration Code:

    • Go to your MotaWord dashboard and navigate to{widgetId}/config (replace {widgetId} with your actual Widget ID).

    • Configure the settings as required.

    • Copy the generated code snippet provided at the bottom of the configuration page. It should look similar to this:

      <link rel="preconnect" href="">
      <link rel="preload" href="" as="script" importance="high" crossorigin referrerpolicy="unsafe-url">
      <link rel="preconnect" href="">
      <script src="" data-token="{token}" crossorigin async referrerpolicy="unsafe-url"></script>
  2. Add Code to WordPress:

    • Log in to your WordPress admin dashboard.
    • Navigate to Appearance > Theme File Editor. In never versions, it can be found under Tools > Theme File Editor.
    • In the Theme File Editor, select your theme and locate the header.php file.
  3. Insert the Code:

    • Paste the copied code snippet before the closing </head> tag in the header.php file.
  4. Save Changes:

    • Save the changes to the header.php file.
    • Beware that if you update theme header file later on the addition code you added can be lost or break, in that case please re-follow these steps and set up the integration.

By following these steps, the MotaWord integration code will be added to your WordPress site manually.