Now it's always exciting when Brix Builder releases an update and today We're going to be checking out the two Key new features that will be Forthcoming in 1.6 this is the beta Version we're checking out so there are A couple of little glitches and quirks But once the final version releases they Should all be Iron Dev now the two key New features are interactions and the Pop-up Builder these are things that I Know people have been asking for for Quite some time so let's take a look at A simple example and let me show you Just some of the ways in which you can Start using these features when they Release I will also link to the details Down below for the change log you can Download and install this yourself if You have an active license for bricks I'll also link to the video that Thomas Released recently which will cover Various different aspects of this in More detail so check that out if you Want to find out more so this is a Simple example this is my test page if We take almost pointer outside you can See we get this little pop-up to say do You want to do something this is just One simple way of interacting we can Then go ahead and close that down if we Don't want to see it and there's various Different ways we can set that closure Up this is using a combination of the
Pop-up Builder and interactions Alongside some of the features we've Already got things like conditions and So on to choose where and when this Actually will display on your site so Now we've seen a really simple example Let's go ahead and take a look at what's Going on behind the scenes so the first Thing we're going to need to do is Create the actual pop-up template itself So hopping into the dashboard we're Going to come into bricks and we're Going to go into templates and inside Templates we're going to click to add a New template in we'll give this a name And we're going to go ahead over to the Template type on the right hand side and This is the key important factor you Need to set this now as the new option Which is pop-up we'll choose that and We'll click on publish or save draft Whichever you prefer and we'll edit this With bricks now you'll notice when this Loads in it looks a little different to A standard template we have a sample of A pop-up displayed on our screen with The kind of overlay effect we can Control and customize all the options Available here for us so let's do that First and then we'll take a look at how We build our a pop-up out and then how We can set up conditions and those kinds Of things let's go ahead and set up the Basics now for our pop-up so we're going
To do Record our settings and we're going to Go into our template settings you'll see We have a new entry now called pop-up we Can click to open that up and inside Here we can set the various different Values for our actual pop-up container Template those kinds of things so first Of all let's set the background color We'll change that we're going to go for This blue color and we're going to Adjust the opacity on that We're then going to come down and if you Want to add any kind of padding for the Content you can do that but all I want To do is set the width of this to be 600 Pixels And that will control the size of the Actual property now it doesn't show Anything on here at the moment because We have nothing in there you can add Interactions at this point but I don't Really want to do that we've also got Conditions so let's come back out of This let's minimize this let's open up Our conditions and let's set up where we Want this to actually appear so we'll Click to add our condition we'll open This up and for this example we'll Choose entire website however you can be More selective you may have this on a Specific page about selling a specific Product or a course or something and the Pop-up would only appear on that
Particular page you can set that up Using the conditions for this though We'll set entire website once we've done That we're going to go ahead and come Back out of this I'm going to go ahead And add in some elements so this is Where the first bug Quirk kind of thing Comes into play if we go ahead and add Anything inside here so let's click the Plus Drag our heading in you'll see if we Look at the structure on the right hand Side nothing actually appears inside There not until we click inside and make Some change to this so we call this Subscribe once we make changes it now Appears in the structure and the options Open up on the left hand side so we are Quirk will show when the final version Is actually released that will be a In-depth and any problems we got rid of But with that being done we can then go In and we can style this if we want so We can change our colorful typography Example we'll change the font size System at 42 we'll change the typography And we'll use Barlow and we'll set this To be 700 so we've now put our first Item in let's go ahead and add one more In which in this case is going to be a Form this will be our kind of subscribe Form Again you can see the same problem Nothing appears over on the right hand
Side no options are available inside the Left hand side to combat that we're Going to do is we're going to come in And we'll just adjust quickly the Margins of the padding or something and Again you see as soon as we do that all The options appear it's kind of weird Quirk but it is what it is so the final Thing we need to do is create that sort Of close option to do that we're going To come over to our elements one more Time we're going to search for icon And we're going to just bring that into Our design so I'll drop that inside Again you see it appears but nothing Shows up so let's just go and deal with That by just simply putting it with a Spacing there doesn't remember what we Do in all honestly I'm going to put in Some negative spacing or negative Margins and I'm going to push that over To the right hand side I'm going to Position that and then the final thing I Want to do is change the icon itself so That makes a bit more sense so we'll Change that to this little X We'll change the color on this so it Stands out to this kind of reddish color And we'll change the font size on here To be 42. there we go so we're now Created our basic pop-up Let's save this to make sure we commit Those changes now we need to do a couple More things before we can go ahead and
Start using this the first thing I want To do is make this x this little icon Actually work at the moment it doesn't Do anything if we preview this You can see We hover over it nothing happens because Well we've done nothing to it other than Put an icon in there so to deal with That we'll make sure the icon is Selected we're going to come over we've Got a new Option now called interactions If we click we can go ahead and add in a New interaction and this is incredibly Simple but can be very very powerful so We need to do two things first of all we Need to set up the first trigger in Interaction to do that we're going to Say this is when it's clicked do Something so we'll choose click the Action is going to be to hide an element And then we're going to choose from the Three options of the Target and select a Pop-up and in this example we're going To choose the my pop-up which is the Template we've just created for our Pop-up so now when we click it it will Actually now close down the next thing I Want to do and this is purely optional And just showing you because there's Another way of using these interactions We want to have some kind of Animation Effect when you hover over it to give Some kind of user visual feedback to do That let's add another interaction in
You can see that now Stacks that we can Change the relationship between these to Be and or or for this example we're Going to choose o so we'll do one or the Other Trigger is going to be hover this time So when you Mouse over it the action is Going to be to start an animation we'll Then choose our animation and for this Example let's do something like wobble Doesn't really matter too much in this Example and you can set up an animation Duration delays those kinds of things so We've Now set up two basic interactions On the little icon Let's go ahead again and save this so Now that we've set up the basics for our Icon we set the close up and our problem Is all ready to go the next thing we Need to do is set the interaction that Triggers the actual pop-up itself now to Do that is a little bit kind of hidden Away until you know where you're looking For it it can cause a bit of confusion Sometimes what we need to do is come Back out into our settings and we're Going to go into our template settings Back into pop-up and scroll right the Way down and you'll see you've got Interaction so this is the interactions For this pop-up so now if we click to Open that up this is going to work in a Very similar fashion to what we've just Seen we've set up the actual close icon
We're going to set our trigger what do We want to happen to actually trigger This pop-up for this example you can see We've got our click and hover and focus Like we've recently seen we've also got Things like interview Port Lee viewport You've then got browser and window based Options so for example if a user Scrolls Content is loaded the mouse leaves a Window those kinds of things this is Another type of set of triggers so for This example we're going to say mouse Leaves the window in other words when The mouse goes outside the browser we Want to fire this so we'll choose that We'll set the action to say that we want To show an element like we've seen Before we're going to set a pop-up and We're going to choose the template for Our pop-up so let's go ahead and save This And now we can go ahead and take a look At our page and we should see this is Actually going to pop up and work Correctly so let's refresh our page and Then we find if we come outside the Window I'll pop-up appears like we saw Previously we can click the little X now Which animates when we hover over it and That'll close it down we can keep on Doing that but you'll notice a couple of Other things first of all when we hover Over the little X we don't get the
Little pointing finger that we're kind Of used to so that's one thing we need To deal with but also you don't really Want to keep bugging the user by this Popping up every time they try to go Outside so you may want to limit that so Let's see how we can do it so coming Back into our template for our pop-up Let's select our icon one more time Let's come back out to the options so Let's just click the interactions and We're going to do is we're going to come Into layout and scroll through and You'll see there's this new Miscellaneous section and cursor is Available inside there let's select that And say link and Status we're going to Say pointer So now that will change that to the Pointer when you hover over it so that's The first thing that we set up and Handled the next thing we want to go Ahead and do is stop this from opening Up multiple times we might only just to Open up once when they try to exit and That is all it does so again like we saw Before let's come back other settings Back into our template back into pop-up Scroll down to our interactions and open This up and you see there's an option That allows us to trigger this and say Run only once we'll choose that we'll Refresh and save the page we'll refresh This page
I never try it so we click outside our Pop-up appears we come over our little X It animates and we now get the pointy Fingers we can close that down come back Outside and it doesn't happen anymore so Pretty cool we can set things up like That so now we've set this to trigger Only one time we can sit on specific Pages we can set conditions up all those Kinds of things but what if you wanted To set it on something like this button You wanted to click this button and that Pop-up would appear let's go ahead and Take a look at how we could do that next Now before we go any further let's go Ahead and remove the interaction that we Currently have set up for when the mouse Exits the window so click to delete this Will save our template for our pop-up And then we're done so we're going to Come out of that this time we'll go into The page we want to edit with the button On to trigger it so we need to do now is Select our button We're going to come over and we're going To choose the option for interaction so You can see the interactions in lots of Different locations so we can set up Different interactions across parts of Our site which is pretty cool so let's Choose that interaction we'll click the Plus like we saw before this time we're Going to set the trigger to be click We'll set the action like we've seen
Before to say show element the target is Going to be pop-up choose our my pop-up We'll click save That's it that's all you need to do Let's refresh now Let's click on our learn more button and There's our pop-up click at next close It down click it you can see that will Keep on opening up but you'll notice Again we've got the pointer is missing When you hover over this button so again You can do that exactly the same way you Can make sure you've got the button Selected if we come to the settings if You make sure you've got the button Selected click out of interactions come Into style into our layout and scroll Down and you can see there's our cursor Option under miscellaneous set that to Be pointer Savo page so now with the page reloaded If we come over our button you can see We get the little pointy finger what We'd expect to see we'll click and There's our pop-up we can click to close It down and all the normal things we'd Expect to see the little pointers the Interactions the animations all those Things set up using the new features Inside Brix Builder 1.6 this is the beta So don't use it on a live site if you've Seen this when this is released Hopefully this will give you a head Start on how you can start using the key
New features in 1.6 for the pop-up and The interactions as always all clickable Links are in the description below my Name is Paul C this is WP tits until Next time take care Thank you
Creating a Blog for Your Business
Having a blog for your business can be beneficial to your company, especially if you want to engage customers and increase your sales. But there are some important points to keep in mind to ensure that your blog will be a successful marketing tool.
Static content vs dynamic content
Using the right kind of content is essential to achieving your marketing goals. For example, if you’re trying to sell a product online, you need to offer relevant content. Content is a great way to encourage customers to buy a product, and it will increase your average order value.
One way to improve your online presence is to use dynamic content. This type of content is typically associated with a blog or web page, but it can be used in a wide variety of scenarios. It can also help your website stand out from the rest.
The biggest benefit of using dynamic content is that it makes your website more interactive. You can change the layout of your website, or even change the content displayed on a page, all from the same backend CMS. This means that you can update multiple pages at the same time, without having to reload the entire website.
A great example of the benefits of dynamic content is Facebook’s news feed. Every time you visit Facebook, you see different content. That content might be an email, an article, a post, or an update to your page.
Design needs to be aesthetically pleasing
Creating an award winning blog is no small feat, but the best way to ensure a high return on investment is to do it right the first time around. In short, it’s not enough to throw up a drab ol’ fashioned blog, you need a nifty nimble blog that’s well crafted and a delight to read. Of course, the key to a successful blog is to be patient and persistent, but if your blog is in need of a refresh, be sure to heed the wisdom of the pros. The biggest challenge is to identify your target demographic and find out what they want, and what they don’t.
A smart design plan will ensure that the blog of your dreams resides in a clutter free zone. To keep your visitors glued to the page, the best bet is to offer a streamlined design where your blog’s content is pushed to the front page via a simple a la carte menu system.
OptinMonster uses blog to teach users how to improve conversions
OptinMonster is a lead generation software that uses pop-ups and email forms to capture emails. It’s easy to set up and helps to improve conversions.
OptinMonster provides a streamlined dashboard that lets users create campaigns and manage their settings. It also has a number of pre-built templates that help to increase conversions. It offers a 14-day money back guarantee. You can also ask OptinMonster’s support team for help.
OptinMonster’s support team is available through email, live chat, and a ticket system. OptinMonster also offers an extensive knowledge base. It has a comprehensive blog and YouTube channel with inspirational material. It also offers regular webinars and email support.
OptinMonster’s technology uses precision targeting to display relevant campaigns based on a user’s behavior and location. It also uses A/B testing to improve conversion rates.
OptinMonster also uses Exit-Intent(r) technology, which helps to detect when a visitor is about to exit. If this happens, the software will show a campaign that will help them finish the process.
Business uses blogs to improve lives of customers
Creating a business blog is an effective way to connect with your target audience. It can help you build a stronger relationship with them, sell more, and sustain growth. It can also help you distinguish your business from your competitors. You can learn new tech-related systems and methods through your blog.
Blogging isn’t a quick or easy process. Creating a business blog requires time, dedication, and planning. In order to ensure your blog is effective, you must create valuable, informative, and entertaining content. If you’re not a writer, find a marketing agency that can assist you with content creation.
Blogging also increases your search engine rankings. If you’re a small business, it can help you compete with bigger companies. In addition, a blog can help you attract new visitors. The more blog posts you write, the more traffic you’ll get.
Blogging also helps you build trust and credibility with your audience. Your first time visitors need to know that you’re trustworthy. When you write useful, relevant content, you’ll build trust.