Give a HubSpot custom module a unique ID

    Difficulty Level: Advanced. This post assumes a strong understanding of HubSpot tools and technical knowledge. Insutructions are given as guidelines and may require additional customisation.

    Sometimes you may want to use a unique ID for a custom module. You can create an ID using the following HubL snippet: 

    {% raw %}{% set mid = module | pprint | md5 %}

    Then you can use that ID to create a unique CSS ID, for example: 

    <div id="section-{{ mid }}">
      My DIV

    which will print out something like: 

    <div id="section-6219837888e9769f1d695d05b73a8256">
      My DIV
    Written by: Stephanie O'Gay Garcia Last Updated: March 12, 2020

    Thank you! I appreciate the feedback 😊

    Sorry to hear that! 🙁

    I'd appreciate if you could take a moment to let me know how I can improve this article.

    New call-to-action

    Looking for a HubSpot website developer?

    Let me help you with website themes, templates, page setup and custom modules. 

    Get in touch

    Stephanie O'Gay Garcia

    Hi! 👋 I'm a freelance HubSpot Website Developer based in Toronto (Canada). Give me a shout if you have questions about this post or there's anything I can help you with.