Editing a website with Divi Builder

For most projects, we use the Divi Builder, which allows our clients to edit their websites easily in the future without too much support.

The Divi builder allows you to edit your website pages using the drag-drop feature via the backend page builder or the visual builder.

The visual builder has the advantage of allowing you to amend the page on the frontend of the website, previewing your changes instantly on the page. You just click on the text and start typing, giving you a more accurate picture of how your visitors experience your website content.

Whereas you must visit the dashboard to edit via the backend builder. The backend builder is more similar to the way WordPress works initially, however with more control. On the back end, you see the wireframe mode only, giving you a good idea of how your page layout appears.

Listen to our latest episode of The MoPod with lead developer, Liam and developer, Nathan for a rundown of Divi Builder!:


The anatomy of Divi builder explained…

The structure of every Divi website uses three types of building blocks: Sections, Rows and Modules. Sections are the largest building blocks. Then you have your rows, which sit inside of sections. Modules are placed inside of rows.

Modules are the content elements which allow you to insert or edit text, videos, images, call to action and much more. Carry on reading if you want to know how to edit your modules.


Using Divi visual builder / front end editor

To edit using the Divi visual builder

  1. Log into your WordPress dashboard (‘https://yourdomain.co.uk/wp-admin’)
  2. Then return to the frontend website and go to the page you want to edit
  3. Click on ‘Enable Visual Builder’ in the top black bar
  4. Making changes to text with the Divi Visual Builder is as simple as clicking and typing. To save your changes, click on the purple icon at the bottom of the page, and click save in the bottom right-hand corner.
  5. To replace an image, start by hovering your mouse over it. A panel should appear with some icons inside it. Click on the cog icon. This will open a new panel. In this new panel, hover over the image and click on the cog icon again. You may now choose an image from the Media Library or Upload a new image. Select your image and then click ‘Upload an image’. To save your changes, click on the tick in the bottom right-hand corner.
  6. When you are happy, click on ‘Exit Visual Builder’ in the top black bar and click ‘Save & Exit’.


using divi backend builder | backend editor

To edit using the divi backend builder

  1. Log into your WordPress dashboard (‘https://yourdomain.co.uk/wp-admin’)
  2. Find your page. To do this go to left-hand menu > Pages > All Pages.
  3. Choose the page you want to edit, hover and click ‘Edit’, You will now see the wireframe mode.
  4. To edit a specific module (‘Text’ or ‘Image’), click on the three horizontal lines in the top right-hand corner of the aforementioned module.
  5. In the module editor, you can make the changes you need, which may include any of the following: Selecting a new image, uploading a new image or editing the body text or title.
  6. When you are happy with your changes click ‘Save & Exit’. This will then close the module.
  7. Then when you have finished editing all the modules you want to update, click on the blue ‘Update’ button on the right of the page.

For any further help please contact our team on support@mosaiconline.co.uk


Need Further Tutorials?

Divi Builder overview: http://www.elegantthemes.com/gallery/divi/documentation/builder-overview/

Here is a list of other tutorials that may be of extra help: http://www.divithemeresources.com/divi-tutorial-sites/

Source of Images: https://www.elegantthemes.com/documentation/divi/visual-builder/

Are emojis making us better communicators?

Even if you aren’t a smartphone user, it’s a safe bet that you have at least heard of emojis – the small emoticons have become the world’s first universal language, in a way that no other verbal language has been able to do, not even English. English has been hailed as the world’s global language, despite it having less first-language users than Mandarin (900 million) and Spanish (427 million). Thanks to the huge reach of the British Empire in the last century or so, there are around 339 million native speakers of English, with another 942 million speakers using English as a second language. In total, there are around 1.5 billion people around the world that are more or less fluent in English, making its influence undeniable.

The rise of Emojis

Even with all of these impressive figures, the rise of emojis has seen the English language be beaten for the first time ever. True, it’s hard to measure the influence and reach of emojis as accurately as we can with verbal languages – but there are a few ways that we can estimate just how many people use emojis in their daily life. Firstly, we can look at the number of smartphone users, which has seen a huge rise in recent years. Smartphones, to be specific, are any mobile phone that possesses the capabilities to access the internet. Today, almost a quarter of the world’s population own a smartphone, with 2 billion of the devices existing across the globe. In 2016, around 75% of the worlds 3.2 billion internet users were accessing the internet via their smartphones. In 2015, it was estimated that more than 6 billion emojis were exchanged across social media each and every day.

Another way to measure the rise of the emoji is by investigating their use on social media applications. Instagram, for example, has around 300 millions active users per month, with over 70 millions photos and videos being shared every day. With the launch of the emoji keyboard for iOS, the amount of emojis present in Instagram captions and comments rose from 0 to 10%, and by March 2015, almost half of all text on the Instagram application contained emojis. Matthew Rothenberg, a hacker from Brooklyn, has actively tracked the use of emojis on the Twitter application since 2013. Over 16 billion tweets that contain emojis have been tracked since then, which roughly breaks down as hundreds of emoji-containing tweets every second. That’s a lot of emojis!

Lastly, we can measure the use and popularity of emojis by looking at the decline of text slang. Abbreviations were all the rage a few years ago, with the likes of ‘lol’ (laugh out loud), ‘omg’ (oh my god) and ‘imo’ (in my opinion) being used excessively in text messages. Today, we’re seeing these abbreviations be replaced by their corresponding emojis – showing that emojis really can replace actual words and phrases, and can be used as a completely universal form of communication.

The rise of the emoji is undeniable, and the communicative value of these little pictures is unparalleled. They add personality to everyday communications, they allow the expression of emotions that can often be difficult to talk freely about, and they can aid the making of new friends and connections. It was once said that a picture speaks a thousand words – and, in the digital age, this seems to ring true with emojis.

The Cons Of Cutting Costs In Web Design

When it comes to getting your website built, we all look for the cheapest way. Well, what if I told you that you might be better off spending a little more money and getting a website you can be proud of and meets your business requirements? Having a poor design and bad user experience can be worse than not having a site at all. Below we’ve put together some reasons why you shouldn’t cut the corners:


You need to make sure you get a design that you’re happy with before you let them build anything for you. Using a theme can be alright, but if you want something a little more bespoke to your business, then building a website from scratch is a much more productive option for yourself and your company. Or if the budget is tight, we can help select the right theme for your business, which also takes into consideration page load, security and what it looks like on your mobile. To discuss how we can help you and your business call us today on 01925 563 960!


You can develop problems with any website after it’s been created but it’s much easier and much cheaper if that site has been created correctly. If you’re paying less for a website, then there’s a greater chance that they’ve cut some corners. This can lead to a number of problems in later life like your site getting hacked or leaking information… We all know that losing data is a big issue so don’t take the chance!

User Experience

This is one of the most important parts of a website because this is the part that your customer will experience and remember. You’ve only got ONE chance to give a good first impression so you need to make it count. Users want to be able to navigate your website with ease while getting to the pages they want to and need to see. Spending a little more on this could mean the difference between your website producing conversions and not.

Don’t Waste Money

If you go for a good website design first time, then it could save you so much more money in the long term. Low budget websites can often be created from standard themes which can leave you with problems in the future. If you are to get a well-designed website which has been built with good structure, then you’ll have a much better chance having happy customers and being happy yourself.

If you think that you want something a bit better than a bog-standard website, then get in touch and our team of expert designers and builders can help you create a bespoke site for your company.

4 Reasons Why You Should Consider Mobile Apps

Mobile phones are one of the most diverse and helpful pieces of technology that we have today – and, admittedly, they’re on our person 24 hours a day, 365 days a year. Over 80% of the population owns a smartphone, and we use them for everything, from simply checking the time, to sending emails, to checking up on social media. They’re pretty useful little tools to keep on top of all aspects of life, personal and business. This being said, as a business owner, you’ve probably considered the benefits of having a mobile app at some point.

Not only will an app potentially reach out to even more customers and clients, but the convenience of an on-the-go mobile app will be a gift to your current customers.

Here at Mosaic, we design personalised mobile apps with you in mind, to fit your unique requirements. If you’re unsure of the advantages to having an app for your business, we’ve rounded out the best ones.



1. They Present New Oppurtunities

Your customers will be thanking you for creating a helpful and convenient way to shop your products on the go, but what other ways can an app add to your business? An example would be a loyalty scheme – you could create one within your app that rewards your most loyal and dedicated customers with points that can be spent on items, or special discounts on the products they love.

2. Build Your Brand

Your new mobile app will help you to spread awareness of your brand and communicate with your customers. Mobile apps, like any product with your name or logo on it, will strengthen your brand and educate your customers on what your goals are as a business.

3. Communication

Mobile apps are also a great way to personalize your customers experience. Apps can basically perform as an alternative to customer service – your app will be functioning 24 hours a day, 7 days a week, and won’t be subject to an employee’s mood or temperament. Apps also give consistency in customer service, as they will always present the same familiar platform with which your customers can interact as they please.

4. Increase Income

Thanks to your app, customers will be able to access your products at all hours of the day. Not only will this increase satisfaction, but the likelihood is that it’ll increase your profit, too. Customer satisfaction and sales always come hand in hand, and if your customers feel happy then they’ll keep buying your products.