User avatar
×

User name

user email

Delete Account
Sign Out
BACK

Almost there!

We've sent an email to with a link to activate your account.
Contact us if you need any help.
BACK

Reset Password

Get New Password
BACK LOG IN

Create Your Account

By creating an account, you agree to the Widget Pro Terms of Service and Privacy Policy.
Register
BACK CREATE ACCOUNT

Login

Sign In

Widget Pro logo. Links to home.
Logo for Widget Pro. It shows an intertwined W and P character.
    User avatar
    ×

    User name

    user email

    Delete Account
    Sign Out
    BACK

    Almost there!

    We've sent an email to with a link to activate your account.
    Contact us if you need any help.
    BACK

    Reset Password

    Get New Password
    BACK LOG IN

    Create Your Account

    By creating an account, you agree to the Widget Pro Terms of Service and Privacy Policy.
    Make a free account
    BACK CREATE ACCOUNT

    Login

    Sign In
    Blog tags custom widget tutorial

    Liz Fedak • Dec 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 20 Jan, 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 17 Dec, 2021
    Learn how to use Airtable formulas to set up a publish date for your external collection items.
    By Liz Fedak 16 Dec, 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 14 Dec, 2021
    Case study on my process when I built the custom widget shop on my website, Widgetpro.io
    By Liz Fedak 13 Dec, 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 13 Dec, 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 13 Dec, 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
    Share by: