Smart Components in Content Publisher
Content Publisher’s Smart Component is a powerful system that allows content creators to enrich their own editorial content with interactive content and data coming from their website. Smart Components can be placed anywhere in a Content Publisher document body and are visualized in Google Docs as Smart Chips. They can be developed and configured by website developers to hold almost any type of interactive content.
As examples smart components can be used to embed inline in your document:
- Rich media preview or players from your website or from an external platform (eg. Youtube, Instagram, Loom or more).
- Webform rendered and processed by your website, for example to include customer data capture within your content.
- e-Commerce product embed to enable a one click purchase from an editorial content.
- Rich interactive maps that could be governed by metadata from your content.
- Internal navigation to provide quick access to related content using content tiles.
- Streamed-media, stock tickler, transactional information provided by third party corresponding to your content or its metadata.
- Or any other experience you want to build.
Smart Components can be previewed using Content Publisher Preview Editors and also using the Google Smart Chips contextual popup.
you to add site-specific functionalities to your documents and publish them to your website.
By design, smart components are made to be customized to your own sites even if some can somehow be generic, they will still rely on being rendered on the website consuming your content. Because of that, they need to be configured and developed on your website.
Note: We don’t offer a standard integration for using Smart Components with WordPress. An advanced WordPress developer can be able to customize its WordPress site to expose Smart Components to Content Publisher but this will require custom WordPress development to integrate the Smart Components API.
Note 2: We offer a generic Smart Component integration in Drupal which will let a Drupal developer configure and expose literally any element developed in Drupal to Content Publisher. Example: showing a content tile from content directly stored in Drupal, rendering a user object, or embedding an interactive form interface. The Drupal administrator will have to simply define the parameters required for the component they want to setup, and ensure templates and underlying business logic are handled correctly in Drupal.
Note 3: Smart Components integrate natively with React and can expose this way any configured React Component in a Next.js application. Other React based systems could work very similarly.
See configuring Smart Components for more technical information.
Google docs users can simply place smart components in their doc (assuming smart components are configured) by typing @pantheon which will open the smart component creation interface.
See screencast:
