Category: website

How do I install custom fonts in WordPress?

Do you have a website built on WordPress and don't know how to install custom fonts? Have you noticed that you don't like the type of letters available? Using custom fonts that are different from the default ones is easier than you think! Here are two ways to do it:

WordPress - Wikipedia, la enciclopedia libre


Use Any Font

This plugin allows you to upload fonts directly from your computer and supports the formats: ttf, otf, eot, woff, svg, dfont and suit. It works with major browsers such as Edge, Firefox, Chrome, Safari, Opera and others. The load time of the fonts is good, since they are hosted directly on your site.

Easy Google Fonts

This plugin loads the sources directly from the database of Google Fonts. This means that:

  • It does not matter that the font is on your computer, it must necessarily be in the Google Fonts repository to be able to load it.
  • It has 915 font types in its database.
  • It has a system that allows you to suggest similar fonts in the event that the one you need is not available.
  • The fonts will load from the Google server, so they will not occupy a place on your server.
  • You will not have incompatibility problems between browsers.

WP Google Fonts

This plugin allows you to add fonts from the Google Fonts repository with a limitation of up to 6 per page. This is because an excess of fonts can slow down your page, in addition to making it look bad.

CSS. Tal vez te preguntes qué es CSS, pues… | by Angélica Velázquez | KAN  by MUKTEK Academy

02. Insert with CSS

If we have the font installed on our computer or downloaded in our files, we can upload it to the server via FTP and then link it with CSS. It must be taken into account that we will have to make use of a tool that converts our file to all compatible font formats so that all browsers can read it.

You can do this from: Font Squirrel's “Generator”.

  • Now we upload the source via FTP with all its extensions to an existing directory or create one, for example, a folder called "sources" in the root of the WordPress installation.
  • We edit the stylesheet of our active theme:
@ font-face {   
  // Name by which we will call the source    
font-family: 'yoursource';     
  // Reference of all formats    
src: url ('/ sources / yoursource.eot');    
src: url ('/ sources / your source.eot? #iefix') format ('embedded-opentype'),    
url ('/ sources / yoursource.woff2') format ('woff2'),    
url ('/ sources / yoursource.woff') format ('woff'),    
url ('/ sources / yoursource.ttf') format ('truetype'),    
url ('/ sources / yoursource.svg#tusource') format ('svg');    
font-weight: normal;    
font-style: normal;

In this example, “yourfont” will be replaced by the name of the letter you upload. The src and url must be replaced by the path where your files have been uploaded. In our example, “source” folder in the WordPress root.

Now it only remains to use it. For example, if we want to assign it to titles:

h2, h3, h4 { 
    font-family: 'yoursource';

And if the titles already had a different font assigned, either we look for the line and replace it, or we add !important to give priority to our modification:

h1, h2, h3, h4 {    
font-family: 'yoursource'! important;
Fonts for Print, Products & Screens | MyFonts

Download Fonts!

If you do not know where to download the fonts that you like the most, then we leave you a list of pages where you will find almost unlimited fonts and of any style:

Learn More

What is a subdomain and what is it used for?

Have you ever seen or heard of subdomains? Surely while browsing the internet you have come across one or the other, but you have not realized it. Here we explain a little about what they are and how to identify them:

What is a subdomain?

A subdomain is an extension of your domain name. This is used to organize different sections of your page and works independently of it. Let's take a very practical example:

Your original domain is, on this site you offer different services such as web pages and online stores. If you want to include very extensive content on any of these services, it may be best if you create a subdomain for each one. In that case, your subdomains would be: and, simple, right?

Qué es un dominio y un subdominio?

Why should I use a subdomain?

Although a subdomain is part of your main site, it is considered a separate entity by search engines. That is, the subdomains are taken as individual sites by Google and can help you improve the SEO of specific services.

In addition to this, there are companies that need certain sections of their website to have completely different designs from the rest, due to the nature of the information they contain. In this case, a subdomain is the perfect choice for it.

Taxonomía Organización de la información para Contenidos Web

Advantages of using subdomains

  • The main advantage of having a subdomain is that you can organize different sections totally different from your website, we have already explained in the upper points of this article.
  • You avoid saturation on your main site. As you may have already noticed, the more information and sections you add to your main site, the more tedious (and maybe even confusing) it becomes to find specific data. Separating resources by subdomains can help you simplify browsing between tabs and improve the user experience.
  • You don't need to pay to create subdomains. When you buy your domain, the creation of subdomains is free and without limits!
  • SEO. Since a subdomain is seen as a separate page, you can rank it according to keywords specific to your services.
  • Serve different areas. With subdomains you can separate your services and products according to geographic areas, if that's what you need.

What do I need to have to create subdomains?

  1. The first thing you need is to get a hosting provider and buy your web domain.
  2. Once you have made the purchase, you must enter the control panel of your hosting and go to the section of "domains or subdomains" (depending on your provider).
  3. There you will see the options that allow you to create subdomains, they are usually very descriptive and do not require great knowledge, try to choose short and specific names for your new sites.
  4. Ready! This will take less than 5 minutes.

If you don't have hosting or domain yet, try paginaMx! A Mexican provider that offers hosting options, domains, professional emails and much more.

Learn More

Is your website not secure? You need an SSL certificate!

Do you have a website and have you noticed that web browsers register it as an unsecured site? This is mainly due to the fact that, for some time, Google has started to display a message on pages that do not have a security certificate. Therefore, the connection between your computer and the server where the page is hosted is not encrypted.

Or in other words, there is no installed SSL security certificate on the server. Here we tell you a little more about it:

certificado de seguridad

1. What is a security certificate?

A security certificate, or SSL certificate for its acronym in English (Secure Sockets Layer), is a security standard that allows the transfer of encrypted data between a browser and a web server. This certificate is used globally by millions of companies and individuals in order to reduce the risk of theft and manipulation of confidential information.

2. What functions does the security or SSL certificate have?

In short, an SSL certificate allows you to:

  • Authenticate the identity of the website, guaranteeing visitors that they are not on a fake site.
  • Encrypt the transmitted information.
  • Activate the HTTPS protocol on a website.

3. What is the HTTPS protocol?

You've probably noticed that website addresses currently include "https: //" at the beginning of each one, right? This indicates that websites have a system that allows information between your computer and the site to travel in encrypted form.

This security protocol ensures that no one can intercept the information that you send and receive from a website to your computer. So your information is always safe.

4. Are there several types of SSL certificates?

Yes, there are different types of SSL certificates, depending on the number of domain names or subdomains you have, for example:

  • Unique SSL Certificate: Secure a domain name.
  • SSL certificate Wildcard: This certificate protects a domain name and an unlimited number of its subdomains.
  • Multidomain SSL Certificate: Serves to protect multiple domain names.
que es el certificado SSL

5. What kind of pages need an SSL certificate?

Ideally, any website has a security certificate, however, it is of the utmost importance for any company or individual that has a site where they request, receive, store or display confidential information. For example:

  • Login information (users and passwords).
  • Financial information (credit card numbers, bank accounts).
  • Personal data (names, addresses, dates of birth).
  • Legal documents and contracts.
  • Customer lists.

** Something important and that you should keep in mind, regardless of whether your site requires personal data or not, is that the message displayed by Google about a site that is not secure can affect the behavior of your visitors, and this, in turn can affect your search engine rankings. For example, if people start to interact less and less with your page since it is not secure, Google will detect it and start leaving you until the end of the results due to the high rate of "bounces" generated.

https y http, diferencias

6. Do I have a way of knowing if my site is safe?

Yes. Of course there is and it is very simple! All you have to do is enter your website and check the top bar of the browser, right where your domain is displayed. There you will see the name of your web page, for example:, take a good look at the initial part of the address. If you have the lock icon and the “https”, congratulations! You have a secure site.

que significa https

If your site is only http instead of https, then you do not have a security certificate.

7. My site is not secure, where do I get my certificate?

  1. To obtain an SSL certificate you will have to pay an annual and fixed cost to your hosting provider (the place where your website is hosted). They will then need to install the certificate. This may take about an hour.
  2. Now you will have to make an adaptation of the web page. This includes:
    • Send all users who enter any page of your website to the new secure version. (That is, the new address with https).
    • Check that all your links and buttons redirect to your secure address, instead of the http address.
    • Ready!

If you are looking for a web provider, try PaginaMx, a Mexican company where you can buy your domain + Cpanel + SSL Certificate, all in the same place and easily!

pagina mx, dominio, hosting y certificado SSL

Learn More

Do you know what Cookies are and what they are used for?

Surely at some point while browsing the Internet you have come across an ad that asked you to accept "Cookies" from a specific website, but do you know what this means?

Cookies are computer files sent by the websites that are stored in our browser and that get data about us. These files collect information about the visitor to a website and use it mainly for internet advertising, for example, to provide personalized ads. In other words, cookies have the function of "telling" brands and companies how we behave on the network.

Who is the owner of the Cookies?

These files can be generated through the website you are visiting and in order to personalize the service it offers you or the way it displays your data, to control site traffic, identify the login of its user, store content or allow the use of security elements, while others are generated by third-party web pages (generally advertisers). Although, in reality, according to a report from the European Union, about 70% of the cookies that you will find while browsing the internet are from companies that track information to offer personalized advertising.

Por qué son importantes las cookies para navegar por Internet

What kind of information do they collect?

Cookies can collect different types of information from each user, such as:

  1. Email addresses and passwords
  2. Our phone number and address
  3. IP adress
  4. Your computer's operating system
  5. Browser used
  6. Previously visited pages

What types of cookies are there?

1. Session Cookie: It is only active while the user is browsing the website. When it comes out, the information is deleted.

2. Persistent or Permanent Cookie: These are the Cookies that remain saved even after leaving the website. The validity time will be that which the programmer believes is necessary. The visitor will be able to delete them at any time they wish, by entering their browser settings.

3. Third-Party Cookies: These are third-party cookies, they are used for advertising purposes.

4. Supercookie: It is a tracking Cookie that allows knowing all the movements of the user on the web and is not stored on the computer. In other words, it cannot be blocked or excluded. There are already some laws to prevent its operation, mainly because users did not agree with this improper data capture.

5. Zombie Cookie: It is a type of Cookie that is activated after being deleted.

6. Secure Cookie: To ensure security, it only accepts HTTPS connections.

7. Same-Site Cookie: Makes servers only accept requests from the same website. This also serves for computer security, protecting it from forced requests.

Should I be afraid of Cookies?

No, in reality these files do not generate risks as a user, however, you should always be careful when using shared computers or those that are in public places (such as libraries or an internet cafe). In this case it is always recommended that you use incognito mode or delete cookies after using the computer.

Learn More

What is web positioning?

Web positioning or SEO positioning refers to the set of techniques used to position a web page organically in the first results of Google search.

Web positioning, or SEO positioning, could be defined as a process focused on placing a certain page in the first positions of search results before a specific search. It is a constant work that takes months of strategy to show results, but it will undoubtedly give you very good results if you start implementing it.

Positioning elements SEO

Keywords: Keywords (or keywords) are terms made up of one or more words with which a user will type their doubts in the browser. For example: "What is web positioning?".

Keyword palabras clave que son

Content: The content of your website should always be made up of your main keywords, as well as having titles and subtitles with their respective tags organized by hierarchies (h1, h2, h3, etc). You should also consider that NEVER You must have duplicate content on your websites, as it will credit Google for penalties.

encabezados-h1-h2-h3-seo-posicionar-blog | Desenredando la red

ALT attributes: ALT attributes help search engines to read and index your content easily, so it is essential that all your images contain an ALT description where you explain the content of the same.


URL's: A simple URL with keywords facilitates search engine positioning, in addition to facilitating the understanding of the site for users, they must always be written in a friendly way, without special characters, numbers or random letters.

You can find more information about backlinks here.

Types of positioning

  1. Organic: Organic positioning is aimed at modifying technical aspects of a web page and creating content that can make a web page more useful and relevant, so that it becomes increasingly important or present in search results. It is called organic or natural because it does not invest money or pay to appear in better positions.
  1. Paid out: This type of positioning consists of paying for services such as Google Ads, where you will generate Pay Per Click (PPC) advertising, thus achieving that your website is in the first search results by keyword. This method, compared to the organic one, is much faster and easier, in the sense that you do not have to wait months or plan a strategy to see results.
Google Ads logo

Why is SEO positioning important?

As well mentioned Inboundcycle, “if they don't see you on the first page of Google results you are losing more than 90% of clicks" Among the first results in a Google search, the first position accumulates on average 59,59% of user clicks. Having a good SEO will make your website more useful, both for users and for search engines, thus helping you to scale positions until appearing in the first results. SEO is the best way for your users to find you through internet searches.

If you stayed with more desire to know about SEO, do not miss our next blog post, where we will give you 9 tips to improve your strategist organically.

Learn More

Web page design: Tools for content creation.

Once you decide to build and design the structure of your website, you should also start thinking about the visual content of it, as well as the creation of your social networks (Facebook, Instagram, Twtter, etc.), since, as It is well known that people interact and react much faster and more intensely to images and videos.

Using good quality, colorful and interestingly designed images will help you retain and impact your audience effortlessly. That is why we leave you 6 tools that will serve you wonderfully to start working on your graphics:

1. Gravit

Gravit It is one of the most used tools in the area of open source graphic design. It can be used to design almost anything, from icons, interfaces, vector images or professional presentations to images or graphics for social networks.

It works for Windos, Linux, IOS and other platforms, in addition to being available in different languages, making it a very complete tool.

logo Canva

2. Canva

Canva is a tool that offers basic and advanced functions to create images online and for free. One of the advantages of Canva is that it has functions that help you in creating images for social networks and even memes. This can help you a lot when creating content for your Facebook, Instagram or Twitter pages.

Canva is available as an online editor, but it also has an app for iPad, iPhone and PC that will allow you to use it anywhere.

Logo pexels

3. Pexels

Unlike the previous tools, Pexels is a platform that offers beautiful, copyright-free, high-quality photos, ready to download and edit. There you can find a wide variety of resources that will serve you for any type of content you need to create.

An advantage is that in Pexels you can navigate between different categories and labels and even start uploading your own content, as well as donating money to the creators through a Paypal account.

Giphy logo

4. Giphy

GIFs are one of the things that cannot be missed on web pages or social networks, since you can express a lot within the same element and are potentially viral. In the same way, gifs often encourage your users to interact with you.

Giphy It is the ideal platform to generate your own Gifs, as well as search and navigate among the content that has been created by other users. In addition to that, it allows users to search for and share short loop videos without sound, which resemble animated gifs.

lumen5 logo

5. Lumen5

Lumen5 allows you to edit videos easily, intuitively and simply, using your own images and photos, or browsing the gallery on the same platform. It also allows you to create videos for social networks, videos with animations, videos for advertisements or for online stores, and much more. You just need to register and start editing.

For more tips on designing and arranging content on your website, visit this post.

Learn More

4 ways to better convey the message of your website: Design patterns

If you have a web page, it is important that you know that its content must always support the message you want to transmit, either through images, striking texts, or strategically placed buttons, so you must pay close attention to where the aspects will be placed most important of your information, as this will ensure that visitors make conversions on your site (for example, they buy your products, contact you or leave their email so you can send them valuable information).

But how to achieve this? Luckily, there are already different rules or "patterns" that will help you resolve doubts and make your task easier, and here we will review the most common ones:

Design patterns Web

First we will explain a little about this term, since you have probably never heard it before: A web design pattern is a certain way of distributing the visual elements of a page, managing to optimize the relationship between them. And although each person can choose how to distribute their content without considering a pattern from the beginning, the design patterns that already exist are the most effective way to transmit your message or achieve action by the user, in addition to improving the usability of our websites.

In a nutshell, these patterns help us to rank and define which elements are most important within a web page and, therefore, what should attract the most customer attention. In this way we will always have the correct attention in the correct places.

The most used sleep patterns

  • Z design pattern: When we visit a web page for the first time, we scan the content quickly and making an eye movement similar to the letter “Z”. With this in mind, a page that uses this pattern usually places its logo in the upper left corner so that it is the first thing the user perceives. In front of the logo, in the upper right corner, the navigation menu and a call to action are usually placed, such as a registration, contact or purchase button:
ejemplo de patron de sieño web z

The final part of the Z is the conclusion of everything that was presented on the page, so you should encourage them to take action. Place an attractive button that attracts attention ("buy now", "register", "contact us", etc.).

  • Full design web design pattern: This web design pattern includes little text on an image that usually takes up most of the screen. This serves to capture the full attention of your users and generate a great visual experience from the start. In addition, to communicate your message immediately, because with a simple image you can express what you do, who you are and what you offer. In this type of design you should always accompany your cover with a striking explanatory phrase or a slogan that represent you.
patrón de diseño web pantalla completa
  • Design pattern F: This design pattern is based on a form of page scanning, just like the first point we explained. The difference between the two is that this applies (generally) to pages with a lot of text, such as blogs or informational sites. For this type of design, it is better to invest most of your effort in the upper section of your page and then reinforce the message in the middle. So your visitors will be clear about your message without having to read too much.
patrón de diseño web F
  • 4. Single column design: This design is very simple and direct, since it is based on simple navigation that only requires sliding the mouse down to continue reading (such as in the Facebook feed or in this blog post).
    In this type of design you should always add a button to "go back up" in case your content is extensive, or failing that, add a fixed menu to improve navigation. Thus your visitors will not have to make great efforts to go to other sections or return to the beginning.

Now that you know the four most common web design patterns, which one do you apply to your page or which one would you like to try? Dare to implement this information and check the results!

Learn More

How do I improve my contact page?

One of the most important parts for your website, whether you sell products or services, is the contact section, since thanks to it your customers will be able to contact you or visit you, if you have a physical location.

One of the best ways

1. Visibility

Always make sure you have your contact details clearly visible and organize them by priority. For example: What interests you the most, that they visit you in a physical place, or that they contact you by phone? Whatever your answer, it deserves to have priority and appear at the top in your contact memos. For this you can use a darker font color, a striking title, or even a striking section on your contact page.

Mejora tu página de contacto

2. Google Maps is your ally

Don't forget to register your location or business on Google Maps! This is the map that most people are currently searching on, so you should take advantage of it. In addition, the process is free and will not take more than 5 minutes.

One of the great advantages of this is that you can embed the map where your business appears directly on your website so that your customers can interact with it without having to leave the site. This will allow them to enlarge and reduce the image, see how to get there from any location, etc.

If you want to know how to insert a map on your website, visit this link.

3. Estimated response time

If you think it is convenient or relevant for you, include an estimated response time so that your clients do not despair when they see that they do not have an email immediately where you answer their questions.

Mejora tu página de contacto

4. Call to action

One of the things you can do to incentivize your customers is to use a "Call to action". This is made up of a title and a short text that draws the attention of visitors.

This text should, mainly, remind your potential customers why they visited your page and which of their needs you can satisfy with the services you offer.

5.- Frequently asked questions

A good option for your contact page is to include a frequently asked questions section where you can answer people's most immediate questions. In this way you can greatly reduce the response time and decrease the number of emails to be answered.

Mejora tu página de contacto
Learn More

What are keywords? Don't lose visibility

keyword (or keyword, in Spanish), is the term or terms that users use when doing an internet search And it is part of the most important elements for the SEO of any web page, since these words will be the ones that will attract anyone to our content.

Keywords can be differentiated into two groups, mainly:

According to the objective:

They are defined by the objective that each person has when performing a search, they can be divided into:

  1. Informative: They give information on various topics. For example the weather, how to make a cooking recipe, etc.
  2. Transactional: Users make a transaction, for example a purchase or a download.
  3. Navigational: The search focuses on a website, specifically. For example: Youtube, Facebook, Intagram.

According to the volume:

  1. High volume of searches or "Head": They are very wide searches with a lot of search volume and a lot of competition. For example "dogs", "cats", "memes".
  2. Very general keywords, or Middle Tail: They are a little more specific than "memes" or "dogs", but they are still general. For example: "Cheap cars", "dog memes", "shoes on sale".
  3. Long Tail Keywords: This type of keyword represents opportunities for your business, since they are specific searches and they aim to complete a transaction. For example: "Buy cheap cars in Puebla", "download 100 years of loneliness in PDF", etc.
Keywords, qué son y cómo usarlas

What type of keyword should I use?

Using keywords with high search volume can be a good option if you are looking to attract many people to your website, however, because they involve more competition, they are not usually a good idea if you are just starting out and you are not well positioned, because you can get lost in the sea of Google results.

In this sense, a good option for you could be long tail keywords, since you will attract people who are really interested in what you offer, and that will give you a greater conversion. To make this clearer we will give you an example: If you use a generic word like "new cell phones", many people will enter your website looking for general information, to see the models that exist, or out of simple curiosity. On the other hand, if you use "buy new cell phones in Puebla", the probability that a buyer will come and take an action on your site is greater.

Tipos de keywords y cuál usar

How do I choose the keywords for my page?

1. Analyze your page and your competition. Competing with certain keywords is very difficult as they are very saturated and dominated by very important pages or paid results.

2. Define your potential customers. Once you are clear about the position of your website against the competition, think about who your potential customers would be. What are they looking for and how do they do it?

3. Identify your long tail keywords. Search for a series of longer and more descriptive keywords. Try to make them as attractive to potential customers as you defined in the previous step. For example, if you are going to sell cell phones, use “new cell phones in Puebla”.

4. Use some of the tools available for choosing keywords. If you are interested in seeing what type of tools dedicated to keywords you can use, click on this link.

In conclusion

keyword (or keyword), is the, or the terms that users use when doing an internet search And it is part of the most important elements for SEO (if you still don't know what SEO is, don't miss our next post) of any web page. The type of results or pages that each person finds during their searches on Google will depend on the keywords they use. That is why in order to capture the correct audience and improve both your sales and your visibility, it is necessary to plan and monitor the keywords that you will use.

Learn More

How to sell more on my website? Increase sales easily!

Have you ever wondered how to sell more on your website? If you offer services or products online, you can start with a simple step that does not require large monetary costs or advanced programming knowledge, we mean improving the trust of your customers so that they are more likely to make a specific purchase or action in your place.

Offer a personalized communication

In traditional stores, when a customer arrives there is always a person dedicated to answering their questions and facilitating the sale, this is the same as what we should simulate on a website to encourage our visitors. (According to one IMShopping survey In 2009, customers want a person to be available to help them during the purchase process, even if done digitally.) One way to simulate this easily is to use a chat, since today, the most effective person-to-person communication method is instant messaging. This is because people (and especially young people) prefer a more casual and quick conversation, which does not make them feel as committed as with a phone call.

Companies are also using the chats as new sales channels as many of them offer the opportunity to integrate emoticons, photos, videos and even files in your messages, so it does not generate resistance and gives customers confidence.

How do online chats work?

The majority of online chats for web pages offer the possibility of integrating several support people who can initiate a conversation with the visitors of the website at a specific time, or simply access various data of interest of each client, (for example the URL they are visiting, their IP, etc.).

When any of these clients write to the chat, the operator (s) will receive a notification in the administration panel and will be able to interact with it in real time. Generally, chats can emit sounds to give notifications, save responses, send files, photos or videos and can be managed from a computer or through a smartphone application, which makes them very practical to use from anywhere.

Another advantage of the operation of the chats on web pages, is that you can program them to answer even if you are not, providing 24/7 attention.

Benefits of a chat on your website

  1.  According to Total Retail, business owners who take the time to talk with their customers are 48% more likely to increase the average purchase and three times greater customer retention.
  2. Pre-made answers: Depending on the nature of the question, you can provide an answer and solution to your client's problem.
  3. Customer Satisfaction: You improve the shopping experience of your customers, so the chances of them returning to your page and making another purchase are greater, and you could even have recommendations from your customers with their friends and acquaintances.
  4. Analytics: Most live chats have the ability to analyze and record the pages that have the most visits, giving you valuable information to make a sales strategy or make the best decisions that help you sell better.
  5. Speed and Practicality: Using an instant messaging system will save you a lot of time between responses and you can easily reach a sale.
  6. Automation: Most chats offer the option to automate your messages, so you don't need to be present 24/7 to be able to contact your customers.
  7. Triggers ”: Depending on the chat you are using, you could even "schedule events" that trigger specific actions. For example, you could schedule that, if a customer visits the same page twice or selects a specific product, your chat will send you a special message that prompts you to take an action, ask a question or complete your purchase.
  8. Get valuable contact information: A live chat can collect valuable data from visitors to your site, such as your phone, email and name. This will help you to create a database of potential clients whom you can contact in the future.
  9. Free and Premium Versions: Most chats offer a free version that you can improve if you need access to more advanced features.

In conclusion

Having an online chat within your website will help you to talk with your site visitors at the exact moment they have doubts, providing immediate assistance and answers. This will help you provide a personalized 100% experience and increase your chances of making sales. You can customize and manage them very easily and find free or premium versions.

If you are wondering how to sell more and what chats could help you, visit this link.

Learn More