Marketing Automation for Bootstrap - tutorial


Step 1 - Create free BrandFlow account

Create Account

Step 2 - implement BrandFlow tracking script

- Go to

- Copy your tracking script

- Add it to the head section of your website

Note: You have to paste this code into every page of your website.


Modal creation

Step 1 - go to and click the button "Create New Modal".

Step 2 - to the text area "HTML Code" paste a code of any MDB modal (you will see a live preview on the left side)

Note: You can learn more about MDB Modals in Modals Documentation

Step 3 - name your modal

Step 4 - click "Save" button

Step 5 - click "Publish Changes" button.

Congratulation! Your first modal has been uploaded to your website.


Your uploaded modal is part of your website right now. But to fire it you need to set a trigger - that means to define conditions which make your Modal works.

Step 1 - go to and click name of recently created Modal

Step 2 - click "Set Trigger" button.

Note: You can fire your modal based on simple condition (like visiting a specific page) or more advanced mechanism - scoring system.

Step 3 - name your trigger and click "Condition" button.

Step 4 - click "Create New" button.

Step 5 - name your condition and set it parameters

Step 6 - click "Save" button

Step 7 - choose a condition you want to set and click "Set" button.

After closing modal with conditions list you will see your condition has been applied to the trigger. Now you can click "Save" button.

If everything is ready click again Publish Changes button in the Navbar.

Now your modal is alive! Check it on your website.


Conditions are the most fundamental triggers which let you handle your modals in a more sophisticated way than just a button click (which is a standard Bootstrap functionality).

To apply Condition as a trigger you need to use one of the following Types together with Operator and assign a Param.


  1. Click ID

  2. Click Class

  3. Page Path

  4. Form Submission

  5. Scroll Page %

  6. Scroll ID %

  7. Scroll Class %

  8. Delay Time

  9. Innactive Time

  10. Referrer

  11. UTM Tag


  1. equals

  2. does not equal

  3. contains

  4. does not contain

  5. starts with

  6. ends with

  7. greater than

  8. greater than or equal to

  9. less than

  10. less than or equal to


If you want to launch your "Welcome Modal" only on the specific page and only if the user scrolls at least 60% of the page you have to set the following condition:

If page path equals

& scroll page % greater than 60%

then launch Welcome Modal

If you want to launch your "Discount Modal" only if the visitor came to your website from another specific website (for example from Blog, where you have bought sponsored post for your product) you have to set the following condition:

If referrer equals

then launch Modal with 10% discount coupon


Scoring system is a basic mechanism allowing to adjust content on the website according to visitors needs.

In a nutshell - for each meaning activity, a user is collecting scores, which allows measuring his engagement. Once a certain threshold is reached - system triggers actions adjusted to user engagement level.

You can create your own Scoring Type our use our predefined templates: Scoring Standard and Scoring Pro.


Start counting when:

- User first time visits your website

Set 1 point to the User every time he visits a new page on your website.

Set 10 point to the User if he spent at least 15 minutes on your website

Set 5 point to the User if he share on Facebook your website


Start counting when:

- User visited your Pricing Page

Set 5 point to the User if he scrolled your Pricing Page at least to the 70% of its length

Set 15 point to the User if he spent at least 3 minutes on your Pricing Page


If user gained 20 points of Scoring Standard display him a Modal with Subscription Form to encourage him to subscribe to your newsletter.

If user gained 25 points of Scoring Pro and didn't proceed to checkout, display him a Modal with a 10% discount to convince him to buy your product.

Labels (available soon)

Labels are the most advanced triggers and they can be used with triggers based on conditions, scoring and other labels.

Labels need a name and conditions. See the examples below:


Set a label Engaged User to the visitor if he:

1) Gained 50 points of Scoring Standard

2) Come back to your website at least 10 times

3) Share your content on social media at least 3 times


Set a label Potential Customer to the visitor if he:

1) Gained 30 points of Scoring Pro

2) Subscribe to your "special offers" newsletter

3) Downloaded free version of your product


If user gained a label Engaged User, display him a Modal with Registration Form to encourage him to register on your website. That can help to engage him even more and in the future, he can become "evangelist" of your project or customer.

If user gained a label Potential Customer send him an email asking how you can help him and what would convince him to buy your product.

Subscription Form

Coming soon


Coming soon