Blog tags custom widget tutorial

Liz Fedak • December 13, 2021New Paragraph

Build a one-line Duda widget for extra blog functionality

0

This widget is meant to be used for the Duda blog webhook --> Zapier<>Airtable<>Duda integration tutorial and isn't particularly useful outside of that use case.


Follow the video tutorial to set up this custom widget for use with the Duda blog integration with Airtable via Zapier.


Widget Settings


Step 1. Add the HTML

Copy and paste this line of HTML into the HTML page of your custom widget.

<div data-tags="tag-list" class="tags">Tags: {{tags}}</div>

Step 2. Add a Field in the Content Editor

You only need to add one field. Select input type 'Text' and copy and paste the values in for Variable, Descriptive label, and other fields. Make sure your Variable matches 'tags' for character casing.


Input type: Text

Variable: tags

Descriptive label: Tags

Default value: tag1, tag2, tag3

Tooltip text: Comma separate the tags

Step 3. Add a Field in the Design Editor (optional)


You can optionally add a design editor field if you want to stylize the tags in your blog posts.


Input type: Text Style

Descriptive label: Text Style

Custom Selector: .tags


Step 4: Publish!

Make sure lazy loading is off.

Tags: Duda Widget Builder, Duda External Collections
By Liz Fedak January 20, 2022
Make life easier for your clients and make their sites faster with optimized images by uploading images to Duda from their Airtable base
A small figurine holding a post-it note
By Liz Fedak December 17, 2021
Learn how to use Airtable formulas to set up a publish date for your external collection items.
By Liz Fedak December 16, 2021
Today's the official release of my website widgetpro.io, and it almost didn't happen! Read the story to hear about the epic adventure I went on today to ensure I could make this happen.
By Liz Fedak December 14, 2021
Case study on my process when I built the custom widget shop on my website, Widgetpro.io
By Liz Fedak December 13, 2021
Streamline your content collection process using Content Snare and use the Duda API to make a site directly from the Content Snare form when it's complete
By Liz Fedak December 13, 2021
Learn how StoryWeb Creative used Duda's dynamic pages and custom widgets to manage weekly podcast content for the COPreneur Path Podcast
By Liz Fedak December 13, 2021
Tired of the default blog widgets? So was I! ;) Read this tutorial to learn how you can add a custom author bar widget 
More Posts