Skip to main content

How to Add the UserWay Widget to a Drupal 10 Website

Learn how to add the UserWay widget to a Drupal 10 website using a custom block and place it in your site's header region.

ℹ️ Note: Menu names, editor options, and block regions may vary depending on your Drupal version and theme configuration.

Creating the Custom Block

  1. Log in to Drupal as an Administrator: Navigate to your Drupal website and sign in using your administrator credentials.

  2. Access the Content Section: Once logged in, locate the top navigation menu and select Content to access the content management section.

  3. Navigate to Blocks: In the content management section, select Blocks to open the Blocks administration page.

  4. Add a Content Block: On the Blocks administration page, select + Add Content Block to create a new custom block.

  5. Select the Text Format: Below the content editor, locate the Text Format dropdown menu and select Full HTML to ensure the HTML code is rendered correctly.

  6. Edit the Block Content: In the editor toolbar, select Source to switch to HTML editing mode and enter raw HTML code.

  7. Insert the UserWay Code and Add a Title: Paste the provided UserWay code into the editor and enter a title or description for the block.

  8. Save the Block: Select Save to create and save the custom block.

Adding the Block to the Header Section

  1. Navigate to Appearance Settings: Return to the Drupal admin dashboard and select Appearance from the top navigation menu.

  2. Access Block Layout: In the Appearance settings, locate the option for managing block layouts. You can also access this page directly by navigating to yourdomain.com/admin/structure/block.

  3. Locate the Header Region: On the Block Layout page, find the section associated with your theme's header area. This section may be labeled Header or a similar name.

  4. Place the Block: Within the header region, select Place Block to add a block to that area of the website.

  5. Select the Created Block: From the list of available blocks, locate the custom block you created earlier and select Place Block to assign it to the header region.

  6. Save Changes: Select Save to apply the changes and display the custom block in the website header.

Expected Result

The custom block containing the UserWay code is added to the header region and is displayed according to your Drupal theme configuration.

Need more help?

Contact the UserWay Support Team — we're here to assist you.

Get in touch with UserWay Support.

Did this answer your question?