Sign in


Sign up


First algorithm

by Michal Szymanski,

Step 1 - concept of Downloaded Ebook & Subscribed labels

This is the card displayed to all new users.

Download our free e-book

Some quick example text to build on the card title and make up the bulk of the card's content.

Download

It has a button with and id="download"

If he clicked that button it means he already downloaded the ebook so there is no sense to display him this card again.

So after he clicked it we replace his New User label with Downloaded Ebook label.

In this way we'll classify him as a user with Downloaded Ebook label and display him another card - with the subscription form.


Subscribe to our newsletter

In the form above there is a button with an id="subscribe".

So after he clicked it we replace his Downloaded Ebook label with Subscribed label.

In this way we'll classify him as a user with Subscribed label and display him another card - with our offer.


Learn more about our offer

Some quick example text to build on the card title and make up the bulk of the card's content.

Learn more

Step 2 - creating required conditions

Similarly to the creation of New User condition , go to brandflow.net/automation/condition and create 2 new conditions:

1) Downloaded Ebook condition based on id click = "download"

2) Subscribed condition based on id click = "subscribe"

Step 3 - creating Downloaded Ebook & Subscribed labels

Similarly to the creation of New User label , go to brandflow.net/automation/labels and create 2 new labels:

1) Downloaded Ebook label

2) Subscribed label

Step 4 - setting the triggers to the labels

Add the triggers to the labels:

1) Downloaded Ebook label trigger based on Downloaded Ebook condition

2) Subscribed label trigger based on Subscribed condition

Step 5 - remove label if

There is one more important thing about labels.

If the label is part of the algorithm which contains more than one label we have to set the conditions which will tell the algorithm when to remove the given label.

Example:

Step 1 : User the first time enters the website and he gets New User label

Step 2 : User with the label New User has downloaded our free ebook, so he gets Downloaded Ebook label

Step 3 : We don't want that user has at the same time New User label and Downloaded Ebook label. If he will, it would mess up our algorithm.

For example, the Dynamic Content mechanism wouldn't know which content to display - the one dedicated to New User label or the second one dedicated to Downloaded Ebook label.


Now let's set the triggers to remove the labels:

1) New User remove label trigger based on Downloaded Ebook label

1) Downloaded Ebook remove label trigger based on Subscribed label

Step 6 - Dynamic Content

Go to brandflow.net/dynamic-content/list and add 2 new Dynamic Contents to the Basic Automation wrapper:


1. Downloaded Ebook content


<!--Card-->
<div class="card">

    <!--Card content-->
    <div class="card-body text-center">

        <!-- Form -->
        <form name="">
            <!-- Heading -->
            <h5 class="my-2 h5 text-center">Subscribe to our newsletter</h5>

            <!-- Inputs -->
            <div class="md-form">
                <input type="text" id="inputOne" class="form-control">
                <label for="inputOne">Your name</label>
            </div>
            <div class="md-form">
                <input type="text" id="inputTwo" class="form-control">
                <label for="inputTwo">Your email</label>
            </div>

            <!-- Action button -->
            <div class="text-center">
                <button id="subscribe" class="btn btn-indigo btn-md">Subscribe</button>
            </div>
        </form>
        <!-- Form -->

    </div>

</div>
<!--/.Card-->
                                                

2. Subscribed content


<!--Card-->
<div class="card">

    <!--Card image-->
    <div class="view overlay hm-white-slight">
        <img src="https://mdbootstrap.com/img/Photos/Slides/img%20(146).jpg" class="img-fluid" alt="">
        <a href="">
            <div class="mask"></div>
        </a>
    </div>

    <!--Card content-->
    <div class="card-body">
        <!--Title-->
        <h4 class="card-title">Learn more about our offer</h4>
        <!--Text-->
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <a id="learn-more" href="" class="btn btn-primary">Learn more</a>
    </div>

</div>
<!--/.Card-->
                                                

Step 7 - setting the triggers to Dynamic Content

Add the triggers to Dynamic Content:

1) Downloaded Ebook content trigger based on Downloaded Ebook label

2) Subscribed content trigger based on Subscribed label

Step 8 - test

Everything is ready to test.

Click Publish Changes button in the top navbar to add all the changes to our CreativeFolks project.

Refresh the homepage of CreativeFolks and click on the button.

The card should change to Subscription Form.

Click on button and Subscription Form should change to Card with the Offer.

Well done!


Next lesson

Do you want to share?

Facebook Twitter Google +

About author


User avatar

Michal Szymanski

Co-Founder at MDBootstrap & BrandFlow. Entrepreneur, UI/UX designer, marketing analyst. Dancer & nerd.

Comments 10

  • peteritv

    Hi Michal, same problem for me. I even deleted the whole "Unfiled Items" folder and created a new folder (so as to be sure all old stuff was gone), but still I am over the limit... Greetz, Peter

      • peteritv

        Hi Sebastian, Thanx for your reply! I played around some more, deleting and recreating labels, conditions and wrappers, and everything seems OK now :) My browser debug console is still complaining about an image it cannot find (a.jpg on server sv2) resulting in a 500 error, and a problem with sourcemapping on popper.min.js. Could that last one be caused by the code injection? Anyway, I got the tutorial up and running now :) Greetz, Peter.

  • alex

    I succeeded I changed my address by another address thank you

  • alex

    I have a problem I can not login to my brandflow account when I try to change my password it updates the page and nothing happens and when I take a look at my account I do not see anything please help me without it I can not continue to follow the tutorial

  • Michal Szymanski

    Thankx for info guys, we're working to fix it. It should be fine very soon.

  • Alex

    Hello! For me the same error in Step #6, and I deleted all content from Test Template.

  • Michal Szymanski

    Hi Abelardo, did you remove all the content created in lesson 3? We're still in the testing phase with BrandFlow and we set a limit for Dynamic Content up to 3 for now . If you have 2 contents and applications keep saying you've reached the limits - it's a bug. Let me know it the situation looks like that and we'll check you account. Best

  • Abelardo

    Hi, In step#6, we should create two dynamic content linked to Basic Automation wrapper. When I clicked on save button of the second wrapper, a message showed a message wich tells me I have reached the limit of dynamic content. Is this limitation due to my account is free at Brandflow? Best regards.

Leave a reply

Join MDB Affiliate Program

Get 30% profit from each sale

You earn 30% commission on affiliate sales, when a product is bought by a customer you referred, you will receive a 30% share.

Join us