Wordpress

In addition to standard websites, native mobile apps, and accelerated mobile pages, OpenWeb products can be implemented on WordPress posts. The following table summarizes the different options.

---

Standard Implementation

Use the following steps to add the OpenWeb products to all WordPress posts:

1. In WordPress from the side navigation, click Appearance > Theme File Editor. The Edit Themes page appears.

   📘

   If a warning popup window appears, read the message and click I understand.

2. From the Theme Files list, click functions.php. This may also be named Theme Functions (functions.php). The contents of the file appear.

3. Add the launcher code to your page.

   PHP

   function add_spotim_conversation( $content ) {
   if ( is_single() && in_the_loop() && is_main_query() ) { ob_start();
   ?>
   
   <script async=""
   src="https://launcher.spot.im/spot/SPOT_ID" data-spotim-module="spotim-launcher" data-post-url="<?php echo esc_attr( get_permalink() ); ?>"
   data-post-id="<?php echo esc_attr( get_the_ID() ); ?>">
   </script>
   
   <?php
   $content .= ob_get_clean();
   }
   return $content;
   }
   add_filter( 'the_content', 'add_spotim_conversation' );
   

4. Replace the SPOT_ID placeholder with your Spot ID.
   
   Your Spot ID is your unique OpenWeb identifier. When you log into your OpenWeb Admin Portal, you can copy your Spot ID from the URL: admin.spot.im/spot/SPOT_ID/...

5. Click Update File.

---

Custom Location Implementation

Add the OpenWeb launcher

Use the following steps to add the OpenWeb launcher to a WordPress site:

1. In WordPress from the side navigation, click Appearance > Theme File Editor. The Edit Themes page appears.

   📘

   If a warning popup window appears, read the message and click I understand.

2. From the Theme Files list, click functions.php. This may also be named Theme Functions (functions.php). The contents of the file appear.

3. Add the launcher code to your page.

   PHP

   function add_spotim_conversation( $content ) {
   if ( is_single() && in_the_loop() && is_main_query() ) { ob_start();
   ?>
   
   <script async=""
   src="https://launcher.spot.im/spot/SPOT_ID" data-spotim-module="spotim-launcher" data-post-url="<?php echo esc_attr( get_permalink() ); ?>"
   data-post-id="<?php echo esc_attr( get_the_ID() ); ?>"
   data-spotim-autorun="false">
   </script>
   
   <?php
   $content .= ob_get_clean();
   }
   return $content;
   }
   add_filter( 'the_content', 'add_spotim_conversation' );
   

4. Replace the SPOT_ID placeholder with your Spot ID.
   
   Your Spot ID is your unique OpenWeb identifier. When you log into your OpenWeb Admin Portal, you can copy your Spot ID from the URL: admin.spot.im/spot/SPOT_ID/...

5. Click Update File.

Add OpenWeb products

Use the following steps to add the OpenWeb products to a WordPress post:

1. Open an existing post or create a new post.

2. In a Custom HTML block, add the launcher code <script>.

   HTML

   <script async src="https://launcher.spot.im/spot/SPOT_ID" data-spotim-module="spotim-launcher" data-post-url="ARTICLE_URL" data-post-id="POST_ID" data-spotim-autorun="false">
   </script>
   
   

3. Replace all the placeholders in the launcher code: SPOT_ID, ARTICLE_URL, and POST_ID.
   
   The post ID is located in the WordPress URL: yourdomain/wp-admin/post.php?post=12&action=edit

4. In the location where the OpenWeb product should appear, add the embed code in a Custom HTML block. Embed codes for each OpenWeb are listed on the following tabs.
   
   

   ConversationCommunity SpotlightPopular in the CommunityReactionsTopic Tracker

   <div data-spotim-module="conversation" data-post-url="ARTICLE_URL" data-article-tags="ARTICLE_TOPIC1, ARTICLE_TOPIC2" data-post-id="POST_ID"></div>
   

   <div data-conversation-spotlight></div>
   

   <div data-spotim-module="pitc"></div>
   

   <div data-spotim-app="reactions" data-post-id="POST_ID"></div>
   

   <div data-spotim-module="topic-tracker" data-post-id="POST_ID"></div>
   

   
   

   📘

   Some products requires additional requirements and setup:

   • Community Spotlight
   • Popular in the Community
   • Reactions
   • Topic Tracker