App UI: Todo Lists

Compatible Templates

  • Nexus Portal - App UI Client Portal

  • Nexus Portal - App UI Partner Portal

  • Nexus Portal - App UI Home Screens 1

  • Nexus Portal - App UI Demo

  • Nexus Portal - App UI Knowledge Base

  • Nexus Portal - App UI Onboarding

  • Nexus Portal - App UI Course Login

Properties Needed

  • Todo {{ personalization_token('contact.to_do', '') }}

Hubspot

  1. 1. Go to Edit Page

  2. 2. Paste "App UI: Todo Lists" into input

    Paste "App UI: Todo Lists" into input

Hubspotpreview-na1

  1. 3. Drag highlighted option

    You can drop it anywhere in Drag and Drop Section

    Drag highlighted option

  2. 4. Click the module

    Click the module

  3. 5. Paste selected text into text area

     {% set todos = contact.to_do %}
      <ul>
        {% for todo in todos|split(',') %}
        <li>
          <span>
            {{ todo }}
          </span>
        </li>
        {% endfor %}
      </ul>
    Paste selected text into text area

  4. 6. Click on Preview

    Click on Preview

  5. 7. Type Contact Lists

    The screenshot below is just a sample.

    Type Contact Lists

  6. 8. Final Output

    Final Output