Welcome to your fully-configured free trial environment. Transform your content workflow with AI tools built right into the editor. Your site comes pre-configured with everything you need to test drive the future of Drupal AI. 

How-to Guide

Using the AI Content Assistant

Step 1 - Create Basic Page: In the left-hand navigation of this site, hover over 'Create' and click on 'Basic page'. 

create basic page

Step 2 - Text Format: At the bottom of the Content block is a Text Format dropdown. Make sure this is set to 'Content with AI'. This will make the 'AI Assistant' in the CKEditor available.

text-format

 

Step 3 - Populate Content: You will see a blank screen where you can start adding your content. For your convenience, here are some content examples you can use to test the feature.

  1. https://letterboxd.com/journal/bong-hit-parasite/
  2. https://letterboxd.com/journal/bong-joon-ho-ranking/
  3. https://letterboxd.com/journal/sxsw-2025-festival-preview/
  4. https://letterboxd.com/journal/most-picture-dune-part-two-denis-villeneuve/
  5. https://letterboxd.com/journal/watchlist-this-february-2025/ 

The Summarize Tool does not act on the contents of the Title and Description fields. For the purposes of this trial, it is simply necessary to populate these fields with some sample content in order to save the page.

Copy the title of an article into the Title field in the CMS or input your own title. This is a mandatory field - it will not be possible to save the page without a title.

Copy the article byline into the Description field in the CMS or input your own description. This is a mandatory field.

Below the Description field is the main Content block. This is the CKEditor - the Summarize Tool will act on content added here. Copy a few paragraphs of article content from a Letterboxd article and paste it into this Content block, or input your own content.

content

Step 4 - Accessing the AI Assistant: Highlight all of the text you want to summarize. For the purpose of this demo, highlight all text in the Content block. Then click on 'AI Assistant' in the CKEditor toolbar. From the dropdown, you will see all AI Assistant features available: 

  1. Image Alt Text Generator
  2. Style Guide
  3. Summarize Text
ai-assistant-dropdown

Image Alt Text Generator

Step 1 - Add an image: Before this step, be sure to have followed the instructions up to this point (above). To use the Image Alt Text Generator, an image needs to be added to the Content block. Locate the image upload icon in the CKEditor toolbar and upload an image from your personal computer. Alternatively, browse to a provided Letterboxd page, save an image to your computer, and upload the image in the same way.

add-an-image

Please note that images that have been copy/pasted into the Content block will appear in the editor and will render on the frontend, but the Image Alt Text Generator tool will not work on them. The Image Alt Text Generator needs an uploaded image.

Step 2 - Select the Image Alt Text Generator: Click on the uploaded image to select it. Then click on the 'AI Assistant' dropdown in the CKEditor toolbar and select 'Image Alt Text Generator'. 

image-alt-text-generator

Step 3 - Generate Image Alt Text: In the modal, the image that was selected in the Content block in the previous step will show under 'Upload a file'. To generate the image alt text, simply click the 'Generate' button at the bottom left of the modal. 

generate-image-alt-text

Clicking the 'Generate' button will add the image to the 'Response from AI' block. Click 'Save changes to editor' to proceed.

generated-image-alt-text

Step 4 - View Image Alt Text: In the CKEditor, click on the image. In the submenu that appears, clicking on the eye icon will reveal the alt text.

view-image-alt-text
viewed-image-alt-text

Style Guide

Step 1 - Select Style Guide: The style guide can be customized to meet your business needs. For this trial, we've selected a basic business guide. Select all the text in the Content block that you want rewritten according to the style guide. Please note that this feature replaces the selected text in the Content block. Editors will have the option to review the revised content first before saving the changes. 

select-style-guide

Step 2 - Generate Revised Content: In the modal, the selected text will appear in the 'Input' field. Clicking the 'Generate' button will rewrite the selected content according to the style guide.

generate-style-guide

At this stage, editors can review, revise or regenerate the content before clicking 'Save changes to editor'. Saving the changes will overwrite the original content in the CKEditor.

view-style-guide-content

Summarize Text

Step 1 - Select Summarize Text: Select all the text in the Content block that you want summarized. Please note that this feature replaces the selected text in the Content block. Editors will have the option to review the revised content first before saving the changes.

select-summarize-text

Step 2 - Generate Summary: In the modal, the selected text will appear in the 'Input' field. Clicking the 'Generate' button will rewrite the selected content, summarizing it down to a few lines or a paragraph.

generate-summary

At this stage, editors can review, revise or regenerate the content before clicking 'Save changes to editor'. Saving the changes will overwrite the original content in the CKEditor.

review-summarized-text