Name: Great DIY for my front end
Item: Candu
Rating: 5
Author: 74b02d4a35ee457ab819ebccd7cc39d4

Group

Software

Build it yourself

Sub category

Native app builders

Product type

You must redeem your code(s) within 60 days of purchase

Only for new Candu users who do not have existing accounts

Note: each additional code stacked unlocks 4 seats

May 11, 2021

May 12, 2021

June 08, 2021

June 30, 2021

<h4><b>Candu is a drag-and-drop web component editor that helps non-devs build dynamic user experiences using your app’s style guide.</b></h4>

<p><div id="pdp-story-inline-video" class="story-inline-video"><iframe
  id="candu-vid"
  width="560"
  height="315"
  src="https://www.youtube.com/embed/iV82cVAeogo?rel=0"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
  loadonscroll
></iframe>
</div></p>

<p>The days of bribing engineers to make UI changes are over. (<i>You could only make so many trips to Krispy Kreme.</i>)</p>

<p>Candu makes it easy for designers and non-designers on your team to <b>build UI components that look and feel like they were hardcoded</b>.</p>

<p>Instead of layering UI on top of your pages, you can<b> improve your product’s frontend with UI components that are injected into the page </b>and fit in responsively to your native application.</p>

<p>Simply <b>drag and drop your components to build user experiences</b> that power customer onboarding, feature adoption, and much more.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="candu-1"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/1-editor.png?optimizer=gif"
                alt="Drag-and-drop editor"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/1-editor.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/1-editor.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/1-editor.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>



<h5 style="text-align: center; "><i>Use the simple drag-and-drop editor to build user experiences that look and feel like your native application.</i></h5>

<p>Don’t know where to start? Candu’s got you. (<i>It’s easier than making sourdough, we promise.</i>)</p>

<p><b>Choose from a variety of beautiful UI templates </b>for everything from pricing plans and webinar announcements to upgrade CTAs and newsletter announcements.</p>

<p>Once you’ve found the template you want to start with, <b>click and drag elements like buttons, text boxes, images and more around the canvas</b> until they’re exactly where you want them.</p>

<p>Candu’s editor <b>syncs with your style guide so you can make the look all your own </b>and ensure that it blends perfectly with your application.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="candu-2"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/2-Template_library.png?optimizer=gif"
                alt="Templates to build UI components"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/2-Template_library.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/2-Template_library.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/2-Template_library.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Get started building any UI component with a range of easy-to-use templates.</i></h5>

<p>UI components are a lot like blue jeans: you’ve got to make sure they’re the right fit before you take them out into the world. (<i>And check for mustard stains.</i>)</p>

<p>With the Candu Chrome extension, you can <b>preview your UI components as if they were already live in your app</b>, allowing you to make any adjustments before going live.</p>

<p>Still not satisfied? Continue to customize and make it yours with the ability to<b> inject custom code based on your needs</b>.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="candu-3"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/using-preview-chrome-extension.gif?optimizer=gif"
                alt="Design preview"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/using-preview-chrome-extension.gif?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/using-preview-chrome-extension.gif?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/using-preview-chrome-extension.gif?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Make sure your designs hit the mark before you publish them live!</i></h5>

<p>If we’ve learned anything from In-N-Out Burger, it’s that there’s success to be found in delivering the right thing to the right customer at the right time. (<i>Even if that time is 2 a.m.</i>) </p>

<p>With segmentation, Candu allows you to<b> present different content to different users using the same web component</b>. </p>

<p><b>Build user segments from any user attribute</b>, personalizing the experience for each user at any part of their journey. </p>

<p>You can <b>leverage the user data you already have</b> by integrating Candu with Google Tag Manager or Segment CDP.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="candu-4"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/4-segments.png?optimizer=gif"
                alt="Segmented content for different users"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/4-segments.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/4-segments.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/4-segments.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Segment your content to deliver personalized value to different types of users.</i></h5>

<p>Candu tracks every view and user interaction, letting you <b>quickly learn how your content drives engagement and adoption</b>. </p>

<p><b>Generate analytics automatically for every design</b> to A/B test new ideas and see what works best. </p>

<p>Candu also serves as a Segment "source," so you can <b>pass your user event data directly from Candu to your favorite analytics and marketing automation tools</b>.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="candu-5"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/5_FEbkOCs.png?optimizer=gif"
                alt="Analytics screen"
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/5_FEbkOCs.png?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/5_FEbkOCs.png?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/5_FEbkOCs.png?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Learn how content drives engagement and adoption through in-depth analytics.</i></h5>

<p>No more waiting for busy engineers to make UI changes you already know will make a big difference for your customers. (<i>“Hear us out—puppies on the dashboard.”</i>)</p>

<p>Candu makes it easy for non-developers to build the user experience their customers want without learning to code.</p>

<p>It’s as simple as drag, drop, done!</p>

<p><b>Get lifetime access to Candu today!</b></p>

Candu

Share Candu