Tuesday, December 7Digital Marketing Journals

Tutorials

How to Create Seamless Pattern in Adobe Illustrator
building website, creating a website, google web designer, Graphic Design, internet design, responsive web design, Tutorials, web design, web design company, web designer, web page design, website builder, website design

How to Create Seamless Pattern in Adobe Illustrator

Even if your creative ideas have run dry you can always turn some of your old illustrations into fancy seamless patterns. They are highly demanded by product designers and DIY enthusiasts, and that’s why you should learn the most efficient way to create them. After all, patterns is an extremely popular type of web graphics. Have a look at the background of Shopimarket – one of our responsive Shopify themes for online stores selling organic food.LIVE PREVIEW | DOWNLOADIllustrator is an ultimately powerful and intuitive tool when it comes to creating seamless patterns. All you need is basic skills in using this software and the rudiments of artistic taste. The entire process takes 5 to 30 minutes, and the result looks professional in ...
How to Change Site Title in WordPress? [Simple Tutorial]
building website, creating a website, google web designer, internet design, Tutorials, web design, web design company, web designer, web page design, website builder, website design

How to Change Site Title in WordPress? [Simple Tutorial]

Keeping a personal page includes creation of your headline. At some point, one may feel the necessity to figure out how to change site title in WordPress.Recognize what a slogan is, how to shift headings, and add new ones, thanks to step-by-step instructions supported by screenshots. Learn also how to change the website name in WordPress to increase conversions.What Tagline is in WordPress Why is title important in a website?How to edit site title in WordPressHow to change site title in WordPressWhat Tagline is in WordPress Users of this CMS have appreciated its convenience. Read on to learn how to change a site title in WordPress. This tag plays a key role to attract new customers; moreover, a harmonious site tagline reflect...
22 Free CSS3 Hover Effects Tutorials
building website, creating a website, CSS and JavaScript, Freebies, google web designer, internet design, responsive web design, Tutorials, web design, web design company, web designer, web page design, website builder, website design

22 Free CSS3 Hover Effects Tutorials

CSS3 creates unlimited possibilities for website UI designers. Its main advantage is that almost any idea can be easily implemented without resorting to JavaScript. It is incredible how simple things can change a regular web page making it more accessible to users. Today we will talk about CSS3 hover effects with which you can allow any element to transform and change its style on mouse hover. The below CSS3 animation examples will help create a responsive design of your site and improve the pages’ overall look. First of all, a brief explanation of what hover effects are. These are various transition effects applied to web page elements when you approach a mouse cursor over them. These effects can be implemented using multiple jQuery plu...
How to test your chatbot before releasing it
ai bot, ai chat, ai chatbot, best chatbot, chatbot, chatbot ai, chatbot app, chatbot messenger, chatbot online, chatbot website, conversation with ai, creating chatbots, facebook bot, facebook chatbot, facebook messenger bot, robot chat, Tutorials

How to test your chatbot before releasing it

In this tutorial, I will show how you can perform a chatbot test without having to wait for the bot to be actually released. This feature is very useful to start grabbing real user feedback and see how real people will react to your bot. By prototyping early on, you will be able to adjust your design based on how users react to it – specifically, it’s important to discover:What do the users type when confronted by your design?What do users expect when using your chatbot?Are the utterances (training phrases) realistic and will they work?With the prototype feature, you can use the user test to inform your design decisions, as well as improving your training phrases.We also have released an AI-powered user testing – it allows you to leverage OpenAI GPT-3 to test your chatbot as if it was a...
How to Use the Comments Feature on Botsociety
best chatbot, chatbot, chatbot app, chatbot messenger, chatbot online, chatbot website, creating chatbots, facebook bot, facebook chatbot, facebook messenger bot, robot chat, Tutorials

How to Use the Comments Feature on Botsociety

Take team collaboration on Botsociety designs to the next level using our comment mode! Leave or receive comments on your designs, so you’re able to iterate on designs faster. Share feedback with your team or leave notes for later in comment threads by clicking on the comment mode and hovering over a message, then clicking on the comment button. Check out our tutorial to learn more.Start using the comments featureTo start using it, all you have to do is click on the comments icon at the bottom of the left column to activate comment mode. Comment mode allows you to hover over a message and click on the comment button. To turn off comment mode, click on the comment icon again to deactivate it.Collaborative designThis feature gives you the opportunity to work with your team in the same des...
How to add messages with buttons on Botsociety
best chatbot, Bot design, chatbot, chatbot app, chatbot design, chatbot messenger, chatbot online, chatbot website, chatbots, conversational design, Conversational UX, creating chatbots, facebook bot, facebook chatbot, facebook messenger bot, options modal, robot chat, Tutorials

How to add messages with buttons on Botsociety

When we design a conversation we think about different paths and branches that the conversation may follow. While we used to automatically create these paths from messages with buttons, you can now choose how your message with buttons gets added on Botsociety. See the complete tutorial here:Start choosing how to add messages with buttonsWhen adding a message with buttons, we now give you the option of choosing how you want to organize your conversation flow after the buttons are added.Messages with buttons can be:Carousels with buttons: Cards that include images, text, buttonsButtons: Specific options the user can pick, sometimes with some accompanying textQuick replies: Pre-made text options that the customer to choose from.When adding one of these message types, we now prompt you to p...
How to Use Animations Feature on Botsociety
annimations, Apple, best chatbot, chatbot, chatbot app, chatbot design, chatbot messenger, chatbot online, chatbot website, conversational design, Conversational UX, creating chatbots, design, facebook bot, facebook chatbot, facebook messenger bot, ios, robot chat, Tutorials

How to Use Animations Feature on Botsociety

There’s a new useful update in Botsociety: Animations. We added them in the official presets: SMS, WhatsApp, Apple Business Chat and Facebook Messenger. Do you want to know what they are and how to use them? See the tutorial and read this blog post for all the information!Intro to AnimationsYou can use the animations feature added in the presets to see how the bot-user conversation flows. Among these is the entry animation Push Notification, that works as the entry point to the bot-user interaction.We also included Apple Business Chat animations, such as the Apple Pay, List Picker, Time Picker and more. In Botsociety, the animations are attached by default on these message types, but you’re able to deactivate them or change the active animation through the animations residual menu. They...
Start from Templates on Botsociety
best chatbot, chatbot, chatbot app, chatbot messenger, chatbot online, chatbot website, creating chatbots, facebook, facebook bot, facebook chatbot, Facebook Messenger, facebook messenger bot, Messenger, onboarding, robot chat, templates, Tutorials, Whatsapp

Start from Templates on Botsociety

Want to get started on Botsociety using templates? Now you can do this on our most popular presets! Make a copy of the Generic, WhatsApp, and Facebook Messenger templates below and start designing. TemplatesCheck out the templates below:Banking Bot Template – GenericWeather Bot Template – WhatsAppHealth Bot Template – Messenger Your copied template will live on your Botsociety Drafts page. Comments (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&appId=645588295606552&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMetho...
How to Use Keyboard Shortcuts to Make a Design
best chatbot, Bot design, bots, chatbot, chatbot app, chatbot design, chatbot messenger, chatbot online, chatbot website, conversational design, Conversational UX, creating chatbots, Design tips, efficiency, facebook bot, facebook chatbot, facebook messenger bot, keyboard, productivity, robot chat, shortcuts, Tutorials

How to Use Keyboard Shortcuts to Make a Design

You can now use keyboard shortcuts on Botsociety to design faster and more efficiently. Make a new path, add messages, switch from bot to user, add utterances, and more – all at the click of your keyboard. See the tutorial and read this blog post to know more about this amazing feature!What are shortcuts and why you should use them?A keyboard shortcut is a combination of keys that, when pressed simultaneously, perform some task that ordinarily requires use of a mouse or other input device and may take longer to do. Some reasons you should use them are:Save time: Avoid reaching for the mouse to do simple and repetitive tasks. Learn the shortcut for that action and be more efficient and productive.Multitasking: Once you know them and use it regularly you will be able to easily navigate t...
Rasa export demo: The Concertbot
best chatbot, chatbot, chatbot app, chatbot messenger, chatbot online, chatbot website, creating chatbots, facebook bot, facebook chatbot, facebook messenger bot, robot chat, Tutorials

Rasa export demo: The Concertbot

To demonstrate the power of the Botsociety Rasa export, we re-designed the official Rasa example ‘Concertbot’ in Botsociety. It will give you a good idea of what you can accomplish by using a Botsociety design as the starting point of your Rasa project. We will also break the export file by file, showing how to use them in your Rasa project.Note: This blog post will not go into the details of how to design a chatbot on Botsociety. If you are interested in that, check out the rest of our tutorials here.Before we start, the files! We will be using a design file on Botsociety that will export the ConcertBot example.The design file can be found here.The Rasa Concert bot example that I reference can is in the official Rasa Github repository, here.Ready? Let’s go!Exporting the design fileThe ...