Digital transformation was long hailed as the clean alternative to paper trails and business travel. Yet behind every screen, the digital economy burns substantial power: every online store purchase, corporate website visit, and cloud backup draws electricity across data centers, transmission networks, and customer devices.
Today, many people search online first when they need a product, a service, or information. That is why it is important for companies to have an online presence. However, having a good website is not enough. Potential customers also need to be able to find it.
AI is a powerful tool today that not only helps us solve problems in everyday life but can also take over different tasks in companies. Especially in marketing and communication, AI is becoming more and more important. It helps companies work faster, process information and communicate with their customers more easily.
The e-commerce landscape moves fast, and the technology powering it moves even faster. For nearly a decade, Shopware 5 was the reliable backbone for thousands of successful online businesses. However, that era has officially come to an end: with the official End-of-Life (EOL), the manufacturer has completely halted all support for version 5.
Neos CMS offers the possibility to render dynamic pages completely without Fluid by using Fusion.
In this example, we show how to:
Human-Centered Design initially sounds like a convincing ideal: solutions are developed with people's needs, goals, and expectations at the center. In practice, however – especially in companies – this ideal cannot always be fully implemented.
VR and AR are no longer science fiction. With devices such as the Meta Quest and Apple Vision Pro, immersive experiences are becoming increasingly integrated into everyday life. But two terms come up particularly often: immersion and presence. What do they actually mean – and why is this also interesting for us as an internet agency?
The digital world is evolving faster than ever before. Companies that continue to rely on outdated Content Management Systems (CMS) are falling behind – in terms of speed, flexibility, and seamless user experiences.
In the digital age, data protection and security are crucial factors for the success of a website. An encrypted connection through HTTPS and SSL not only provides protection, but also increases user trust and improves search engine rankings. In this article, you will learn why HTTPS and SSL are indispensable.
You have finished your PowerPoint presentation – the design looks good, the colors are harmonious, and the fonts have been chosen appropriately. Everything seems perfect until you run the accessibility check: The screen reader does not read the content in the correct order, the logical structure is missing, and some content is difficult for people with disabilities to understand.
The security of online accounts is more important than ever in today’s digital world. Cybercriminals are using increasingly sophisticated methods to obtain personal data. Strong protection starts with secure passwords, but that alone is often not enough. In this article, we show you how to optimally protect your accounts with password managers, two-factor authentication (2FA), and other security measures.
Ethernet is a widely used networking technology that forms the backbone of modern computer networks. It enables computers, printers, smartphones, and other devices to communicate with each other and exchange data. In this article, we will explain the key aspects of Ethernet.
In the world of Virtual Reality (VR), the visual experience is undoubtedly crucial. However, there is an often underestimated component that significantly enhances the feeling of immersion: sound. Audio plays a central role in how we perceive and experience virtual worlds. While realistic graphics create visual depth, sound gives us spatial orientation, enhances emotions, and adds an entirely new dimension to the virtual environment.
In today's digital world, security vulnerabilities on the web are a major concern for developers, businesses, and users alike. Cybercriminals exploit vulnerabilities in web applications to steal data, compromise systems, and cause financial damage. In this blog post, we analyze the most common security threats on the web and provide detailed tips on how to effectively protect against them.
In the world of web development, developers and businesses are constantly looking for ways to improve the performance and security of their applications. One technology that has gained increasing importance in recent years is edge computing. In this blog post, we analyze how edge computing can improve the performance and security of web applications and why it is essential for modern web development projects.
The world of technology is on the threshold of a new era: quantum computing. This revolutionary technology has the potential to fundamentally transform many areas of computer science, including web development. In this blog post, we take a look at the future of quantum computing and discuss how this technology could influence web development.
You have a Magento 2 e-commerce website and now want to integrate Google Analytics 4 into your system? Then you're in luck! In this article, we show you how to easily integrate GA4 into Magento 2. Google Analytics is an indispensable tool for measuring the success of your website and gaining valuable insights into your customers' behavior. With the latest version, GA4, you can perform even more detailed analyses and make better decisions for your business. Simply follow our steps to integrate GA4 into your Magento 2 website and benefit from the powerful analytics tools provided by Google.
You have decided to promote your business through online marketing activities and are now looking for an internet agency that can help you with this. But with the large number of agencies out there, choosing the right one can be overwhelming. How do you find the right agency that understands your needs and goals and helps you achieve your online objectives? In this blog post, we provide an overview of the most important criteria you should consider when choosing an internet agency. From the agency's experience and expertise in the online industry, its services and offerings, to the team and expertise of its employees, customer service and communication, as well as the budget and cost structure – we cover all the important points so that you can make the best decision.
In this blog article, we will take a look at Selenium, a tool for automated testing. According to user experiences, Selenium has proven to be incredibly useful and helps save time and resources. As developers, we often spend hours performing manual tests to ensure that our code works flawlessly. This can be time-consuming, tedious, and repetitive.
Have you ever had to move a WordPress website to a new server? Or perhaps lost a website due to an unforeseen event? In such cases, restoring the website can be a tedious and time-consuming task, especially if you are not a computer science expert. This is where Akeeba Kickstart Backup from Akeeba Backup comes into play – a powerful solution that helps you restore your WordPress website quickly, easily, and securely. In this blog article, you will find a step-by-step guide showing you how to use Akeeba Kickstart to restore your WordPress backup file and get your website up and running again within just a few minutes. Whether you are a WordPress agency or run your own website, with Akeeba Kickstart Backup from Akeeba Backup, you can rely on your website always being protected and secure without having to worry about losing your data.
You have probably already heard of the Creative Commons license, but have you also heard of the CC0 license? Although they are similar, there are some significant differences between the two that can be relevant to anyone who uses or shares content. In this blog article, we will explain the differences between these two licenses, highlight which option is best suited for which purposes, and define the six Creative Commons license types. If you have never heard of the CC0 license or would like to learn more about it, read on.
Welcome to our new blog post about CSS specificity. CSS specificity is an important aspect of web design that allows developers to determine the priority of CSS rules and avoid conflicts. In this post, we will explain what CSS specificity is, how it works, and how you can use it effectively to control the appearance of your website. As an experienced web agency from Munich, we work closely with our clients to create attractive and user-friendly websites that meet current standards. We hope this post provides you with valuable insights into the world of CSS specificity, and we invite you to contact the Econcess team if you have any questions or are interested in our services. So, let's get started!
Exploring the complex nature of AI is an exciting journey. How can companies use AI to improve themselves? How can AI support learning and empower their employees? At econcess, we believe that AI offers enormous potential to help us gain new insights and experiences. In this blog article, we will discuss how companies can support learning and thereby strengthen their employees and business success. So get ready for a journey through the world of AI, and let us explore AI as a transformative force!
A completely new technology: Since 2015, Google has integrated the first Progressive Web App components into its Chrome browser. One reason for this is the fact that PWAs simply make the user experience more convenient and better. This raises the question: What exactly does the term "PWA" mean? How do they work? And what are their advantages and disadvantages? We will explore these questions in this article.
Social media, more precisely digital media, are platforms that allow users to connect with others, communicate, and gain an insight into private lives.
In one of our recent blog posts, we introduced two new types of CMS: Headless CMS and Decoupled CMS. Today, I would like to introduce you to some typical examples from the Headless CMS sector.
Most of us are probably familiar with traditional CMS platforms such as WordPress and Joomla. However, there are two other types of systems that I would like to introduce to you now.
Importing very large databases via phpMyAdmin can often be challenging. In many cases, the tool gets stuck in an endless loop or a timeout occurs, interrupting the import process.
After our agency upgraded a client's shop to Magento 2.4.3, we noticed that the pagination within the product catalog was missing.
Since version 2.4, the Magento 2 e-commerce system can no longer use MySQL search. Regardless of the improved quality of search results provided by Elasticsearch or other search providers, the discontinuation of MySQL search can be viewed critically.
The choice of paper for a specific printed product is of strategic importance, as the type of paper, just like the shape, color, and text, can convey a message and influence the design as well as the choice of printing process. The type of paper also represents a significant factor in the overall project budget.
“Readability” – often also referred to as “legibility” – is understood in the field of reading typography as the optimal macrotypographic and microtypographic presentation of a body of text, which a recipient (reader) perceives as pleasant, correct, and non-disruptive even when reading longer passages of text, for example in a book, newspaper, annual report, or on a website.
We are now an authorized consulting company in the go-digital funding program. Take advantage of this funding program and secure financial support on your path to digitalization!
The profession of media designer generally deals with the creation and editing of media products. They plan, develop, and design media such as advertisements, websites, company logos, commercials, business cards, flyers, or virtual scenarios. They must always stay up to date with current trends and developments in the field of design. There are both degree programs and several vocational training programs available for those who want to become a media designer.
With structured data (simply put: specially marked-up data), website operators can provide the Google bot with additional information that enables the search engine to better categorize websites and make them more relevant for specific search queries. This allows crawlers to interpret the data more quickly, resulting in better presentation and potentially improved rankings in search engines.
Google SMITH Algorithm
Do you already know everything about Google's SMITH algorithm? Google SMITH is an algorithm designed to complement the BERT algorithm and help with understanding longer texts. In this blog post, we answer the most important questions about the SMITH algorithm, including what its functions are, whether it is actually active, and how much it supports the BERT algorithm in Google Search.
Contact forms are an important component of a website and a major part of active customer-website interaction. The form often determines whether a customer likes a website or not. There are different ways in which a form can be arranged on a website.
In our web design agency, it is particularly important to us when creating websites that users can find the information they need as quickly and efficiently as possible when visiting a page. The first step a user takes when arriving on a new website is often to briefly register the structure of the website and skim the first texts. It is therefore important to guide the user from this very first step and make their search for information as easy as possible.
An (still) relevant issue at our web agency: According to the GDPR, all trackers on a website must be able to be rejected via a cookie notice. This also applies to a Google Maps integration on your own website, as it also collects data about visitors to the site.
To expand our know-how as an internet agency regarding the possibilities of website creation, we have now installed the Coachie Template Kit, which is edited using the Elementor page builder.
WordPress is open-source software that can be used to create websites, blogs, or apps. To install WordPress locally on your own PC, a web server is required. This is included, for example, in the XAMPP software.
A WordPress migration does not have to be difficult. Here are the necessary steps (some of which are optional):
A good website should not only look modern and attractive. Most importantly, it should fit the people who use it. But how do we know what users need and what is important to them? One way to understand the target audience better is to use UX personas.
The expectations for digital services are constantly increasing. Citizens want to find information quickly, submit applications easily, and book appointments online – regardless of their device, age, or level of digital experience. At the same time, municipalities and public institutions face the challenge of presenting complex administrative processes digitally in a way that is both clear and efficient.
User-Centered Design is often perceived as a complex method used by large organizations – associated with extensive research teams, lengthy analysis phases, and complex processes. This interpretation falls short.
Many companies consider their website a completed project. After launch, it is only updated sporadically over the years. The problem: While customer requirements, search engines, and digital technologies continue to evolve, the website often remains stuck in the past.
In digital design, we often focus on components: buttons, layouts, input fields. However, users do not interact with these elements on a technical level. They interact with what they perceive. That is why designers must also take psychological aspects into account. Their role is crucial.
2026 marks a turning point in UX design. After a decade shaped by screens, apps, and linear user journeys, the focus is shifting toward action-oriented assistants, multimodal interactions, ambient services, compliance-by-design, and strategy-driven, outcome-focused product decisions.
For small and medium-sized businesses looking to expand their digital presence, these trends are anything but abstract. They directly influence conversion, trust, customer retention, and long-term scalability.
I still remember my first semester at university very clearly.
Everything was new, exciting, a little chaotic, and right at the beginning we had an introductory project on our schedule.
I still remember my first semester at university very clearly.
Everything was new, exciting, a little chaotic, and right at the beginning we had an introductory project on our schedule.
White Space – also known as negative space – is often underestimated in web design. Many companies feel that every empty area on their website needs to be filled with text, images, or buttons. But in reality, White Space is one of the most powerful design elements when it comes to creating usability, clarity, and elegance. In this article, you will learn why less can sometimes be more – and how you can use White Space strategically to increase your conversion rate.
Modern websites often implement a dark mode to improve the user experience, reduce visual fatigue, and increase accessibility. Since browser dark modes only affect the browser interface, a website remains unchanged unless it has its own dark-mode styles.
In multilingual websites, it is important to display content in the appropriate language and context – especially when it comes to localized content for international audiences. One often overlooked aspect is the date. For example, when the day of the week is displayed, PHP outputs it in English by default, regardless of the language of the page. This not only affects the user experience, but can also be relevant for SEO.
In this article, we show how to use an EEL helper in Neos CMS (version 8.3 and later) to correctly localize the date according to the language dimension – an important building block for technically clean, multilingual websites, such as those required for data-driven performance marketing campaigns.
Creativity is not a magical gift that you are born with. It is a skill that can be learned, practiced, and deliberately applied – especially in web development.
Whether it is a website relaunch, the development of a new logo, or the optimization of a user journey, at econcess we regularly face creative challenges. And that is exactly when it helps to know the right methods for generating ideas and to apply them deliberately.
With the AssetVariantGenerator, Neos CMS provides a robust foundation for automatically creating image variants – e.g. for responsive designs and different breakpoints
At our agency, we follow a clearly defined principle when it comes to designing and implementing new projects. Whether it is a website relaunch, a redesign of an existing site, or a completely new digital product – we follow the international ISO 9241-210 standard for user-friendly, interactive systems.
Digital transformation is also making its mark on the healthcare sector. Patients are increasingly searching online for medical information, appointment scheduling, or healthcare services. An intuitive and trustworthy website is therefore essential for healthcare providers. Here you can learn how Healthcare UX (User Experience) can improve digital patient care – and which best practices can help.
In the digital age, web development plays a central role, as more and more people and businesses rely on the Internet. Behind almost every website we visit are three essential technologies: HTML, CSS, and JavaScript. They are the cornerstones of frontend development and enable developers to create attractive, user-friendly, and interactive web applications.
Virtual Reality (VR) is revolutionizing the way we experience digital content. The ability to immerse ourselves in a fully immersive virtual world offers a new dimension of user experience (UX). However, designing VR experiences differs fundamentally from traditional 2D UX design for websites or apps. It requires new ways of thinking and approaches to provide users with a smooth, intuitive experience in the virtual world.
Web design is constantly evolving to meet the needs of modern users. With the rise of Augmented Reality (AR) and Virtual Reality (VR), we are facing a new turning point. These technologies have the potential to fundamentally transform the web by creating immersive experiences that go far beyond what conventional 2D websites can offer. But what do AR and VR mean for web design, and how can these technologies be effectively integrated to improve the user experience?
Cloud-native applications are changing the way web development is carried out. Instead of hosting applications on fixed servers, they are specifically designed for the cloud to ensure maximum flexibility, scalability, and performance. This new development approach makes it possible to create dynamic, distributed systems that work more efficiently and respond better to changing user requirements. But what makes cloud-native applications so special, and why are they the future of web development?
Dark Mode has become one of the most significant trends in web design in recent years. Many major platforms such as Twitter, YouTube, and Facebook now offer their users the option to experience the user interface in dark colors. But what makes this trend so appealing, and what challenges does it bring? In this blog post, we examine the advantages and disadvantages of Dark Mode and provide tips for successful implementation.
In the world of web design, large, eye-catching texts such as headings and marketing messages often take center stage. However, it is the small text elements, known as microcopy, that often make the difference between a good and a great user experience. In this blog post, we take a detailed look at the importance of microcopy in web design and provide practical tips for creating effective microcopy.
The threat landscape in web security is constantly evolving, and traditional security measures are increasingly reaching their limits. In this context, machine learning (ML) and artificial intelligence (AI) are emerging as revolutionary technologies that offer new opportunities for detecting, preventing, and responding to cyber threats. In this blog post, we analyze how machine learning and AI can be used to improve web security and what benefits they offer.
In modern web development, optimizing the user experience (UX) plays a central role. Data-driven web design offers a systematic and scientific method for improving websites. Through A/B testing and user feedback, you can make informed decisions based on real data rather than assumptions or subjective opinions. In this blog post, we show you how to apply these techniques to optimize your website and increase user satisfaction.
A company’s logo is its most important distinguishing feature. Therefore, it needs to convey three important things: professionalism, trust, and innovation. If you are a beginner designer and would like to learn something new and interesting, today I will show you in 5 simple steps how to move individual letters within a logo and how to experiment with letters in a text in Illustrator. In addition, you can create modern typography effects in your designs and for your clients. Let’s get started!
The year 2024 is just around the corner, and with it, exciting new trends are emerging in the world of web design that will be equally influential for both designers and users. Given the rapid pace of technological development and constantly changing user expectations, it is crucial to stay up to date and understand which design elements will dominate in the coming months. From the revival of skeuomorphism, which builds a bridge between the analog and digital worlds, to the groundbreaking possibilities of AI-generated images and minimalist text-only layouts – the trends of 2024 promise to revolutionize the way we think about and experience web design.
Semantic HTML plays a crucial role in the development of modern websites. It is about presenting the content of a website in a meaningful and structured way. But what exactly does semantic HTML mean?
In today’s digital world, a website that focuses on users’ needs is a crucial factor for online success. An intuitively designed and easy-to-use website not only creates positive experiences for visitors but also has a significant impact on their engagement. This blog post focuses on the key elements that make a website truly user-friendly. Below, we show you how to ensure that your website provides visitors with a smooth and satisfying online journey.
Flexbox is a powerful tool for creating responsive designs. With Flexbox, we can design our website so that it adapts to different screen sizes and devices.
HTML5 is the latest version of the Hypertext Markup Language, which is used to create websites. HTML5 introduced many new features that have improved web design and the user experience.
HTML (Hypertext Markup Language) is a fundamental programming language for creating websites and is used by developers all over the world. One of the most common uses of HTML is to create interactive forms. Forms allow users to enter data and send it to the server for further processing. In this article, we will take a closer look at creating HTML forms.
Links are a fundamental element of HTML programming and play a crucial role in navigating between different web pages and resources. In this blog post, we will take a closer look at HTML links and how they are used for navigation.
The Basics of HTML: What You Need to Know
HTML, or Hypertext Markup Language, is a fundamental technology for creating websites. It is the markup language of the World Wide Web and enables developers to place and format text, images, links, and other elements on a webpage.
When searching for the best CSS practices in 2023, the CSS reset function often appears in the results. Basically, this involves including a stylesheet in your website that resets the default styles of different browsers. This ensures a consistent presentation of the website across all browsers. There are two types of CSS resets:
If you want to enhance your website with impressive effects, you don't have to create everything from scratch. There are numerous CSS libraries that provide pre-built effects and can save you a lot of time and effort. However, there are a few things you should keep in mind when integrating these libraries.
Why are CSS tricks important for beginners?
CSS can often be a major challenge for beginners. Directly editing code and styling websites can quickly feel overwhelming. But don't worry, because we have good news for you! CSS tricks are the key to success for beginners. In this article, we will discuss why CSS tricks are so important for beginners and how they can help you take your web design skills to the next level. Are you ready to improve your CSS skills and develop a better understanding of how CSS works? Then read on!
The <button> tag defines a clickable button. Text (and tags such as <i>, <b>, <strong>, <br>, <img>, etc.) can be inserted inside a <button> element. This is not possible with a button created using the <input> element!
Tip: Always specify the type attribute for a <button> element to tell browsers what type of button it is.
GDPR-compliant spam protection can be implemented in the form of a honeypot. "Without JavaScript" (as stated in the title of this article) does not mean that we are presenting a server-side implementation here (<?php IF Honeypot field is filled THEN do not submit ?>), but rather that we take into account that bots also like to access forms without JavaScript and can therefore bypass a client-side implementation using JavaScript (<script>"IF Honeypot field is filled THEN do not submit"</script>).
Welcome to our first After Effects tutorial. Today, we will show you how to create a vertical transition between two clips.
Welcome to a new web development tutorial! Today, I will show you how to create a hamburger menu using only HTML and CSS. Whether you are at the beginning of your web development career and don't know which practical projects to work on, or you are simply passionate about the IT field, this is an engaging tutorial. And there's more: it is responsive!
Web design trends are constantly changing. What looks modern and appealing today may already seem outdated tomorrow. That's why it is important to always stay informed about the latest developments and trends in the web design industry. In 2023, there were already several changes that we would now like to present to you.
Few things in the world of web design have evolved as rapidly as technology and the way websites are displayed on different devices. Nowadays, it is no longer enough to have a website that simply looks good on a desktop computer. Instead, websites need to be visually appealing and functional across all types of devices, from smartphones to tablets. The solution to this problem is known as Responsive Web Design. With this type of web design, the website automatically adapts to the size of the screen on which it is displayed. This means that content, images, and navigation elements are arranged and scaled so that they are displayed optimally on every device.
Have you ever tried learning CSS and HTML but found it difficult to find the right resources or tools to improve your skills? Then you’ve come to the right place! In this blog article, we present the best free tools and resources that can help you easily improve your CSS and HTML skills. Whether you are a beginner or already have experience, these tools will help take your web development skills to the next level. What are you waiting for? Dive in and discover the best free resources for improving your HTML and CSS skills.
An appealing and user-friendly web design is crucial to the success of a website. If your website is not intuitive to use or loads slowly, potential customers will quickly lose interest and switch to a competitor. But how do you create a web design that is both visually appealing and user-friendly? Our team of web design experts at Econcess is here to help. We offer a full-service approach that ensures your web design meets both the needs of your target audience and your business goals. From planning and design to development and optimization, we are your partner for creating the best possible web design for your website. In this blog article, we provide you with some tips on how to develop a user-friendly web design that delights your customers and encourages them to come back.
Artificial intelligence (AI) is one of the most exciting developments of our time and has already brought about major changes in many industries – including retail. In e-commerce, AI can help optimize customer service, improve the shopping experience, and even increase efficiency in logistics. In this blog post, we would like to introduce you to some of the most important aspects of AI in e-commerce. From personalization and image recognition to chatbots and delivery, we will try to answer all your questions and provide you with a comprehensive introduction to the topic. So make yourself comfortable and let’s dive into the world of AI in retail together.
Today, customers expect more than they did in the past in the everyday experience economy. An excellent user experience is essential for convincing customers of a product or service. When entering an e-shop or website, the first impression is crucial to the purchasing decision. User experience is therefore at the heart of a company’s ability to attract and win customers. A positive user experience is the benchmark for success in online retail. In this article, we explain what user experience means in B2B, why user experience is so important in B2B, and why personalization leads to success in e-commerce.
In this blog article, we present the 5 most popular WordPress plugins of 2022 to help you get your WordPress website off to a successful start. We show you what you can do with these WordPress tools.
In short, dpi indicates how many dots can be displayed within one inch. In other words, the value specifies the number of image dots per inch. One inch equals 2.54 cm. This is particularly important in the print sector, as high-quality printing requires different resolutions depending on the printing process and image subject. As a general rule: the higher the dpi value, the better the print quality. If the dpi value is too low, the printed image will correspondingly appear pixelated and blurry.
Hypertext Markup Language (HTML) is a text-based markup language used to structure electronic documents such as text, images, and other content. Today, we will show you the basic fundamentals:
In January 2022, the new WordPress version 5.9 was released. The update takes another step towards Full-Site Editing (FSE) with the Gutenberg editor. This means that block-based editing of content is no longer limited to widgets; the entire website can now be customized from the backend. In addition, many adjustments and improvements were made to the block editor itself and to the overall performance of WordPress.
When a browser reads a stylesheet, it formats the HTML document according to the information in the stylesheet. There are three ways to insert a stylesheet: External CSS, Internal CSS, Inline CSS.
Block elements by default take up as much width as possible and as much height as necessary. With the help of CSS, widths and heights can be enforced, both to restrict and to stretch them. Overall, CSS properties are available for width and height (width and height), minimum width and minimum height (min-width and min-height), as well as maximum width and maximum height (max-width and max-height).
Choosing the right font has a major impact on how readers experience a website. It can give your brand a strong identity and enhance the text. It is important to choose a font that is easy to read, with the right color and text size. Finding the right font for your website is therefore a very important factor when creating a website!
Accessible websites are necessary to make content accessible to everyone. Every visitor should be able to read, understand, and interact with the content on your website regardless of personal or technical barriers. Some people rely on assistive technologies to do so.
The <button> tag defines a clickable button. Text (and tags such as <i>, <b>, <strong>, <br>, <img>, etc.) can be inserted inside a <button> element. This is not possible with a button created using the <input> element!
Tip: Always specify the type attribute for a <button> element to tell browsers what type of button it is.
The HTML tag <img> is used to embed an image in a webpage. Technically, images are not inserted into the webpage; they are linked to the webpage. The <img> tag creates a placeholder for the referenced image.
A table is an organized collection of text or data. The content to be displayed is divided into rows (horizontal) and columns (vertical), which are graphically aligned with one another. HTML tables are the semantically appropriate structure for displaying tabular data in rows and columns. Several elements are responsible for creating the grid structure of a table. In the simplest case, a table consists of table rows containing table cells.
Using the CSS property “float”, an element can be moved to the left or right inner edge of its parent element. The special feature is that the “clear” property can be used to specify whether subsequent content should flow around the element or form an independent section.
The class attribute assigns an element to one or more classes. Classes are an HTML concept used to mark similar elements in the markup with the (not exclusive!) goal of addressing them with a class selector. However, they do not necessarily have to be similar elements. Multiple class names are separated by spaces.
When it comes to designing websites, sooner or later you will come across the terms Margin and Padding. Whether you are creating buttons or arranging text fields – it is difficult to avoid them. Basically, the CSS box model defines margin as “spacing” and padding as “padding”.
With the CSS border properties, the style, width, and color of an element's border can be adjusted. The property border-style specifies what type of border should be displayed.
The PageSpeed (also known as loading time) describes the time required for a website to load completely. The faster a page loads, the sooner visitors can see the content and navigate within the website. A fast loading time also ensures that visitors can access a website at all and do not abandon their visit due to long waiting times before they are able to see any content.
Critical CSS is often referred to as the “Critical CSS Rendering Path”, which means all the necessary CSS code required to display a website in a browser for the website visitor. Visitors will often see a white screen until the CSS stylesheets have been downloaded and evaluated. For this reason, optimizing CSS delivery is important for page speed and the user experience. To improve the loading speed of a website, only the CSS required to load the visible part of a page should be loaded. Since all CSS is rendered, this means that the page appears much faster to the website visitor. This is why PageSpeed tools often advise users to remove render-blocking CSS below the fold. This refers to CSS that is not required for the page to be displayed correctly within the website visitor's viewport. The inline section (i.e. directly in the `<head>` using `<style>`) should contain everything necessary to render the visible area. This section is referred to as “critical”.
"Mobile first" refers to a concept in responsive web design. The mobile-optimized version of the website is developed first, followed gradually by enhancements for larger displays such as desktop browsers. In other words, you work from the smallest layout version to the largest. Web design based on the Mobile First principle is an adaptation to the fact that Internet usage is increasingly shifting towards smartphones. The proportion of search queries from all relevant countries made via smartphones is now significantly higher than those made via traditional desktop devices.
Especially on the web, many factors need to be considered when choosing the right image format. These include file size, color spectrum, transparency and scalability. But which image format is best suited for what purpose? There are many different image formats, but they differ in their individual properties. Some, for example, support a transparent background, others offer a wide color spectrum, while others can only be compressed with loss of quality.
A mockup (presentation model, visual model) is a digital design of an app or website used to turn a customer's requirements or an idea into a customized design. Mockups are used during the early conceptual phase to visualize ideas and concepts as part of web design. The purpose of such a mockup concept is to allow different combinations of elements and different content structures to be designed and modified without a great deal of effort.
Contact forms can enrich virtually any website, as they give visitors the opportunity to get in touch with you quickly and easily and send you a message as the website operator. They are also a simple and widely used way to collect feedback or inquiries from customers or prospective customers.
A domain is the address people use to visit a website. It is a globally unique and unambiguous name or address under which users can access content on the Internet or a network. It is an essential part of the Uniform Resource Locator (URL) and specifies where the corresponding resource can be found within the hierarchical structure. Internet domains can, for example, look like this: www.beispiel.de.
In addition to the RGB model, colors are very often defined digitally using the HSB model. The H stands for “hue”. The S stands for “saturation”. And the B stands for “brightness”. Hue is described as an angle between 0° and 360°, while saturation and brightness are specified as percentage values between 0% and 100%.
Responsive websites are based on flexible design grids and automatically adapt to the different screen sizes of various devices. For optimal display on tablets or smartphones, so-called breakpoints are defined using CSS media queries. These are the points at which the design of a website changes or the containers wrap.
WordPress is software that can be used to create and manage your own blog or website. The software is a Content Management System (CMS) that is characterized by its widespread use, simple configuration and high level of customization.
CSS stands for Cascading Style Sheets and is a styling and formatting language that makes it possible to define the appearance and design of HTML documents. It is therefore not concerned with the content of a website, but with the design or style of the page. With CSS, users can, for example, customize fonts, colors, lines, heights and widths on a website.
The difference between sans-serif fonts and serif fonts lies in the so-called serifs, which are decorative elements on letters. These are the small finishing strokes at the top or bottom of letters. Sans-serif fonts have clean lines and no decorative elements.
Bootstrap is a free frontend CSS framework. It contains CSS- and HTML-based templates for designing buttons, grid systems, icons, typography and highlights, tables, forms, navigation and other design elements. Bootstrap is also a responsive framework developed with mobile devices such as smartphones in mind first (“Mobile First”). This means that Bootstrap uses media queries to adapt applications and websites to virtually any device without requiring duplicate code.
Anyone who runs their own website wants to reach as many people as possible with their content and, of course, convince them with what they have to offer. But what makes a website a good and, above all, user-friendly site that visitors appreciate and use frequently? In addition to the right domain, web design and website development play a major role here.
What is the color wheel?
The color wheel is an organizational system in which colors are arranged in a circular format. It provides guidance on color combinations and shows which colors harmonize with one another. There are various versions of the color wheel in which colors are categorized according to physical, physiological, artistic, aesthetic and technical aspects.
To represent colors in digital media and in print, two systems are primarily used: RGB and CMYK. The color spaces of RGB and CMYK do not completely overlap. This means that not all RGB colors can be printed, and not all print colors created with CMYK can be displayed on digital screens.
We noticed at our web agency that the update to WordPress 5.5 often causes problems. After extensive research, we discovered the cause.
What exactly is an Image Map? Do you know? If you are interested in this topic, you have come to the right place. The following explains what an Image Map is, what its purpose is, and in which areas it is used. Examples are also provided to explain where it is most commonly used. The advantages and disadvantages of an Image Map are then described, along with important key terms. Finally, you will find instructions for creating your own Image Map using an app such as “Photoshop”.
What is a Child Theme?
A Child Theme is a theme that inherits the styling and functionality of another theme, known as the Parent Theme. It is essentially a copy of the Parent Theme in which certain changes and customizations can be made without modifying the original Parent Theme.
A Call-to-Action (CTA), which translates to “prompt to take an action,” is, as the name suggests, a request for the user to do something. In web design, Call-to-Actions are usually interactive elements on a website. They can appear, for example, as a button or a simple link. However, an embedded video can also be a Call-to-Action because it encourages the user to click on it and watch it.
Whether you are choosing colors for the overall concept of a website or simply designing individual elements, the selection of these colors should be carefully considered. Depending on which colors are combined, very different effects can be achieved. Therefore, it makes sense to first understand the basics of color theory.
When creating a newsletter, the newsletter creation tool often gives you the option to analyze the newsletter's performance using reports. These reports contain a lot of numbers and statistics, and it is often difficult to know what to make of them. Which figures are good and which are rather poor? How can you use the statistics to make your next newsletter more appealing?
Colors can serve different functions in web design and create specific effects. For example, they can be used to stimulate users, create structure and guide them, and last but not least, they can be deliberately used to attract attention and highlight specific elements.
There is no one-size-fits-all formula in a design process that can simply be followed blindly. Every product is different, and therefore its development phase must also be adapted individually. The approach of a UX designer cannot therefore be generalized. In addition, every designer has different approaches and methods that have proven effective for them. Accordingly, this article is intended only to provide a brief overview of one possible design process and various methodologies.
This is a question that everyone has to answer for themselves. Design is, first and foremost, subjective. Every person has an individual character and therefore their own personal taste. What one person likes, someone else may find terrible.
Terms such as User Experience Design are used every day in our web design agency, including in conversations with clients. It is often forgotten that not everyone knows what this term actually means. That is why the following article aims to provide some clarity.
A few years ago, our agency created a website for a client that included several forms. At the time, however, we had added a fixed footer containing the company’s business details to the forms.
We then ran into a problem when one of the managing directors left the company, as every form had to be edited individually.
To avoid this problem in the future, we decided this time to use Joomla’s Fields feature.
When integrating a cookie notice on WordPress websites, we use the "Beautiful Cookie Banner" plugin. This plugin is based on the Osano Cookie Consent script, which we have already used in our other blog posts.
Auf Grund einer bevorstehenden Änderung in den Chronform Formularen haben wir eine Lokalinstallation einer Kundenwebseite aufgesetzt.
Seltsamerweise bekamen wir beim Abschicken der Formulare auf der Lokalinstallation folgende Fehlermeldung:
0 syntax error, unexpected '}', expecting end of file
administrator\components\com_chronoforms5\chronoforms\actions\email\email.php(127) : eval()'d code:59
Problem encountered at our web agency: The contact form on our website, built with the PHP framework Laravel, is available in two languages: German and English. When the German contact form is submitted, the administrator receives an email in German and can easily attach this email when replying to or forwarding it. However, when the English version of the contact form is submitted, the administrator also receives the email in German.
When creating templates in Newsletter2Go, you may want to integrate an unsubscribe link into a custom template at a specific location within an HTML element rather than in a text element, where inserting an unsubscribe link via a dropdown or pop-up is offered (most help articles and videos on this topic refer to this option). In this case, you can use an unsubscribe link in a text element to determine the shortcut code and then transfer it to the desired HTML element.
Following the ECJ ruling of October 1, 2019, it is recommended to implement an explicit opt-in for all marketing cookies—or, more broadly, for any cookies not strictly necessary for the website's operation. This means that a user must consent to a marketing cookie before it is deployed (for instance, before tracking via Google Analytics begins). So, how do we implement this explicit opt-in process in Laravel? One streamlined and straightforward option is the Cookie Consent solution from Osano (https://cookieconsent.osano.com/). It allows us to handle everything using just a bit of JavaScript across two layout partials (since the website is bilingual, two language files are also involved—more on that below!).
The current challenge at our web agency is: How do I secure my contact form with Google reCAPTCHA v2? First, we install the required Biscolab extension via Composer using require biscolab/laravel-recaptcha. We then follow the manual at https://laravel-recaptcha-docs.biscolab.com/docs/intro and create the configuration file using php artisan vendor:publish --provider="Biscolab\ReCaptcha\ReCaptchaServiceProvider". Finally, we add the keys we previously obtained from Google (Site Key and Secret Key) to the .env file.
Before installation, TYPO3 checks whether all installation requirements are met. Among other things, TYPO3 also checks whether the memory_limit in the php.ini of the XAMPP installation is restricted. In our case, we had limited it to 2,048 MB:
memory_limit=2048M. Nevertheless, the warning "Unlimited memory limit for PHP" continued to appear before the TYPO3 installation. The detailed message was:
How can you export form submissions from Joomla forms implemented using ChronoForms? One easy-to-manage approach is to add the appropriate code via the backend. To do this, select any form under "Components - ChronoForms5" and switch to the "Setup" tab.
If you want to upgrade your site from Joomla 2.5 to 3.x, you may encounter a message stating that "No updates are available."
If you receive the error message Table 'TableName.#__chronoforms_LoginEvents' doesn’t exist in Joomla with the ChronoForms (v5) extension on a Linux server, even though the aforementioned table does exist, the issue may be related to case sensitivity.
The exact location of the problem can be difficult to find because ChronoForms stores forms in serialized form in the database. In our case, the culprit was a Log Action in the Setup section of a form. The selected table was not displayed there, even though ChronoForms' verification confirmed that a selection had been made ("Table selected" in the Setup overview of the affected form).
The task here was to integrate the seminars managed with Kiribati ("Kiribati Seminarverwaltung" by Include GmbH) into a TYPO3 8 website, so that events could be displayed on the website and registrations submitted through the TYPO3 website could be forwarded to Kiribati. In other words, the implementation consisted of an event import (Kiribati -> TYPO3 website) and a registration export (TYPO3 website -> Kiribati).
We want to create an accordion container in ChronoForms V5 in Joomla that can be used to hide long texts and expand them when needed — in the ChronoForms context, essentially a slider. There are several tutorials explaining how to set this up, and they work reasonably well. In other words, you create a slider_area container and then add slider containers inside it, which can in turn be populated with custom content. So far, so good — however, if you only want to display a single text in an accordion, two problems arise:
If you use the multilingual plugin "WPML" and configure it so that the different languages are accessible via separate domains or subdomains, problems can occur when using the performance plugin "WP Fastest Cache" at the same time. This is because it does not take the different languages into account when defining the page cache. As a result, the same content may be displayed under a different domain because the cache directory is identical.
If you have forgotten the password for the backend of a CMS, there is no need to panic — all is not lost. You can reset the password by making a change directly in the database.
It can happen that the following error message is displayed when importing a database via phpMyAdmin:
Fatal error: Maximum execution time of 60 seconds exceeded in xampp\phpmyadmin\libraries\dbi\mysql.dbi.lib.php on line 140
As you can see from the error message, the maximum execution time of 60 seconds has been exceeded. This often happens with particularly large databases. To import the database nevertheless, you need to manually increase the execution time.
Under certain circumstances, plugins such as WooCommerce German (de_DE) may not display a complete translation, even though the translation is generally available.
Making changes to themes can cause several problems. On the one hand, errors can completely break the website (especially if no backup is available). On the other hand, changes made directly to a theme may be overwritten and therefore lost when the theme is updated.
When implementing a simple slideshow using the MooTools JavaScript library, problems can occur with newer Joomla installations and, consequently, newer versions of the MooTools library. In MooTools version 1.4.0 and later, the "setters" syntax, such as Element.setOpacity() and Element.set('opacity'), is no longer supported.
If you use Git for version control of software projects, it makes sense to exclude certain files and folders from being transferred (e.g. configuration files, temporary files such as session or cache files, and log files).
If the frontend view in Joomla differs significantly from the backend view, the frontend CSS styles may not be loaded, or may only be partially loaded, in the backend editor. As in most other cases, it is worth taking a look at the source code. When searching for the JavaScript variable content_css, you should find the value that corresponds to the setting that needs to be configured in the JCE component:
Internet Explorer cannot handle the click event within select elements. Therefore, if you use AJAX-based effects that are supposed to be triggered when selecting an option within a select element, nothing happens in Internet Explorer. This issue can be circumvented by changing the click event to a change event. In our example, we use the JavaScript framework Prototype.
There are several ways to adjust the PHP parameters for a domain hosted on a virtual server at Strato running the openSUSE operating system with the Plesk administration interface. One option is to make the changes directly in Plesk.
To prevent Google Chrome on Android devices from adjusting the font size, you can set the max-height of the relevant element or container to 99999px (or a similar value).
To sort German umlauts Ä, Ö, and Ü or ä, ö, and ü correctly in a MySQL database, you need the appropriate collation (character set) for the relevant column.
Creating a popup window that appears after clicking a menu item in Joomla is very easy as a first step. In the menu item editor, select System Links->External URL as the menu item type and choose New Window Without Navigation from the Target dropdown.
If the Apache server integrated into XAMPP regularly crashes when running Joomla 3 together with the JCE Editor in a local environment, this may be caused by a memory overflow.
If the controls are missing when using the Google Maps API, various articles repeatedly point to the styling of the <img> tag, suggesting that the maximum width should be set to "none" (max-width: none).
If you encounter problems using the :hover pseudo-class on Apple's iPhone, they can usually be resolved quickly.
If you are using a WordPress installation with the SEO plugin YOAST and the translation plugin qTranslate and can no longer find a way to enter the various SEO tags in different languages, you can extend the functions.php file of the active theme with the following syntax:
If you have transferred a WordPress installation to a new server properly (see also here), and have adjusted all paths and declarations in the database, wp-config.php, etc.,
If you want to have a website created and use WordPress together with the WP plugin "Add From Server", you may encounter malfunctions when accessing the admin area.
MSLS is a great way to run a multilingual WordPress multisite blog and works almost flawlessly.
If, as part of a web design project, you encounter problems integrating a font type in Internet Explorer versions IE7 and IE8, while the font works correctly in other browsers, the issue may be caused by the order of the declarations in the CSS.
If you encounter a migration project as part of a server move or PHP update and want to update a website written using PHP4 syntax so that it works in a PHP5 environment, it can be helpful to be able to switch between PHP4 and PHP5.
If you want to migrate a website project from PHP4 to PHP5, you should pay particular attention to the declaration of global variables in addition to the specifications described at www.php.net/manual/en/migration5.php.
If you want to transfer data to a MySQL database within a PHP script while creating a website, you should escape quotation marks in the data before transferring it.
The JavaScript method getElementsByName is useful, among other things, for selecting and processing form elements within a website.
If the error message Fatal error: Allowed memory size of x bytes exhausted occurs during a website development project within a Joomla installation, it does not necessarily have to be caused by the PHP configuration or an insufficiently low memory_limit setting.
If you want to display your Facebook account's wall within a Joomla CMS as part of a website development project, you can use the free extension "qe Facebook Wall Feed" (Joomla 1.5 and Joomla 2.5). It is easy to install by following the instructions in the manual (create a Facebook application, log in with Facebook, integrate it, and you're done).
If, during a web design project, error messages during registration or login in WordPress no longer work with the Pie Register plugin installed, the first step should be to deactivate all other plugins in order to rule out problematic interactions.
If you want to reset a WordPress password using the Theme My Login plugin and are redirected to the Invalid Key error page, the following change to the resetpass-form.php plugin file (located either in /theme-my-login/templates/ or in the theme folder) may resolve the issue:
If, as a web designer, you want to change the default page displayed after a successful WordPress login and are using the "Theme My Login" plugin, you do not need to search through wp-login.php in the installation directory to modify the $redirect_to variable.
The problem: After a product is added to the shopping cart, it is linked in the cart view to the location from which it was added to the cart. In other words, if the product is added from an overview page, that overview page is linked instead of the actual product page.
Web design: When looking for photos and graphics for website creation, you naturally can't get past the usual suspects at first
When creating transparency or partial transparency using the opacity property in CSS3, unwanted effects can sometimes occur with child elements because this property is inherited.
If using an IMAP account results in an error such as "Too many connections" when retrieving or moving emails, you can reduce the maximum number of maintained server connections and disable the IDLE command in the settings of Mozilla Thunderbird, Outlook, and similar email clients.
A PHP function can be executed in XSL without any problems using the XSLTProcessor::registerPHPFunctions directive.
From everyday web design: To make an entire block element (e.g. the div element) clickable, it is normally sufficient to place a hyperlink tag (<a></a>) over the block element,
If Poedit fails to find a large number of translatable strings in a specified directory, this may be due to .phtml files that are not searched by default
Slimbox2 can cause problems as a Lightbox solution within the jQuery JavaScript framework in Joomla (in this case, Joomla 2.5). This can be caused by a conflict with the MooTools framework and other components that are loaded as part of the "<jdoc:include type='head' />" directive in the index.php file of the template set. So what can you do?
First of all: Slimbox2 is a really good Lightbox solution, if not one of the best currently available within the jQuery framework. Easy to implement, easy to use, easy to customize.
To embed the WordPress Shortcode API outside of pages or posts (e.g. for plugin functionality), use the do_shortcode() function:
Human-Centered Design initially sounds like a convincing ideal: solutions are developed in a way that puts people's needs, goals, and expectations at the center. In practice – particularly within companies – however, this ideal cannot always be fully implemented.
Anyone who operates a website or online shop today faces a strategic question: Do you stick with the classic “monolith” (everything in one system), or switch to a modern, flexible headless architecture?
In an age of sensory overload and endless feeds, simply posting products or services is no longer enough. People follow brands that tell stories – stories that evoke emotions, communicate values, and build trust. Storytelling is therefore at the heart of successful social media strategies.
Choosing the right image and video format is crucial for displaying content optimally across different platforms. Each platform has its own requirements and recommendations that need to be taken into account to achieve the best quality and performance. In this article, I will introduce the most important formats and resolutions that work best on social media and the web.
Influencer marketing has become a central component of many marketing strategies and significantly influences the way brands interact with their target audiences. In this blog post, we will examine current trends in influencer marketing on platforms such as Instagram, YouTube, and TikTok and provide predictions about how the field could develop in the future, based on reliable statistical data.
HubSpot, in collaboration with its partner “Meltwater,” has published a trend analysis that you can use to inform your own social media strategy. The aim of this survey was to find out how companies can stand out from the competition. This article explores ways to optimize a social media strategy in 2023.
Social networks have revolutionized marketing, and the latest global social media statistics show that their popularity is only continuing to grow.
What image sizes do you need for the different types of posts on social media? Contrary to all hopes, each network still has its own dimensions and formats. Here you will find an up-to-date list of social media image sizes and dimensions for Facebook, Instagram, Twitter, TikTok, and YouTube.
Social media advertising is highly popular, and Instagram advertising is no exception. Contemporary evaluations show that companies clearly benefit from advertising on social media. Advertising on Facebook, Twitter, and Instagram can attract customers just as effectively as traditional TV and print advertising and, when compared directly with established advertising methods, is clearly more cost-effective.
To adjust the language of the Facebook Like Box, simply change the source path in the JavaScript initialization. You can display the box in German using the following code:
Here you will find a sample text for an imprint, disclaimer, or privacy policy regarding the integration of a Google +1 button
Here you will find a sample text for an imprint, disclaimer, or privacy policy regarding the integration of a Twitter button
Here you will find a sample text for an imprint, disclaimer, or privacy policy regarding the integration of a Facebook button
The following code can be used to integrate the Google+ button into any website in a W3C-compliant manner:
The following code can be used to integrate the Twitter button into any website in a W3C-compliant manner:
The following code can be used to integrate the Facebook Like button into any website in a W3C-compliant manner:
As a Magento agency focused on online shop development for demanding B2B and specialized applications, we at Econcess regularly develop custom extensions for Magento 2. In this article, we present a practical solution for a common requirement: entering and processing prices with four decimal places in the Magento backend.
In today’s digital world, security measures such as Content Security Policy (CSP) are essential for ensuring the integrity and security of websites. However, a Composer update to, for example, Magento 2.4.6-p6 can cause inline scripts to no longer load, which can be particularly problematic during the checkout process of an online shop. This article explains how this problem can be resolved, why these changes are necessary, and which security aspect needs to be taken into account.
Magento’s API is a popular target for attackers. It repeatedly happens that malicious code is injected into content blocks through compromised interfaces. This code can be executed automatically in visitors’ browsers when an affected page is accessed – with potentially serious consequences for security, privacy, and customer trust.
After an update to Magento 2, we encountered a problem where images in the WYSIWYG editor were no longer displayed. However, when we uploaded a new image, it was displayed without any issues. All other files located in the WYSIWYG folder were still not displayed. Since the file permissions were correct and the error messages did not provide any specific clues about the problem, we had to investigate further.
Task at our online shop agency: The payment interface from the manufacturer Customweb used in our Magento 2 shop had to be replaced with the interface from the provider Fatchip, as Computop had transferred the support of its shop interfaces from Customweb to Fatchip. The new Fatchip interface was installed without any problems, and the Customweb modules were uninstalled.
When developing custom extensions in Magento 2, we encountered an issue where the Content Security Policy (CSP) hashes were not displayed in the browser console. These hashes are important for allowing inline scripts and other content that may be blocked by CSP. In this article, we show you how to create your own plugin to customize the CSP policies in Magento and make the hashes visible.
On the website of one of our clients, we integrated a donation feature into the checkout process that allows users to financially support various local or global environmental projects.
Here is how you can create a custom, individually tailored form in Magento, easily using a form.phtml file.
Magento developers, take note! There is exciting news for you. Whether you are already using Magento or considering integrating it into your online business strategy, this article provides all the important information you need. We take a look at the latest features, platform improvements, as well as updates regarding security and performance.
Are you planning a large-scale enterprise project and have decided to use Magento 2 as your e-commerce platform? Then you have come to the right place! In this blog article, we give you an insight into our experience planning and implementing our own enterprise projects with Magento 2. We show you how to implement your project efficiently and successfully and what you should pay attention to along the way. Read on to discover useful tips and tricks for a successful Magento 2 implementation.
Magento is a powerful e-commerce platform used by many online retailers worldwide. Installing Magento on a local server is the best way to get to know and test the platform without needing an Internet connection. However, if you have never installed an e-commerce platform before, it can seem a little intimidating. Don’t worry, we have created a step-by-step guide to help you install Magento on your local server! In this blog article, we will introduce you to the necessary steps and provide helpful tips and tricks to help you successfully install Magento.
E-Commerce accounts for a significant share of businesses worldwide. Year after year, retail sales in electronic commerce continue to increase globally.
At our agency, we needed to install a Magento CE 2.4.5-p1 online shop on XAMPP (PHP 8.1) / Windows. Magento web shops are not designed for Windows or XAMPP, so there are a few special considerations. After we had resolved most of the difficulties (the correct c:\xampp\apache\conf\extra\httpd-vhosts.conf configuration, adjusting \vendor\magento\framework\View\Element\Template\File\Validator.php due to the different directory separator, etc.), one error remained.
Electronic commerce, or E-Commerce, is simply the marketplace for buying or selling products over the Internet.
Today's problem at our web agency in our online shop (Magento 2 CE 2.4.3): The Store Restriction Pro extension from extension developer MagePsycho, which is intended to restrict access to certain pages for specific user groups, was not working as expected. Among other things, the extension allows you to select CMS pages that should remain accessible without registration. However, when the cache was enabled, these pages were not displayed and users were instead redirected to the login page. The configuration made in the Magento backend was therefore not being applied correctly on the frontend.
Nach dem Update eines Magento 2 Onlineshops auf Version 2.3.4 und der nachträglichen Konfiguration der 2-Faktor-Authentifizierung über den Google Authenticator trat in unserer Webagentur das Problem auf, dass wir trotz erfolgreicher Verifizierung immer wieder auf die Seite der 2-Faktor-Authentifizierung zurückgeleitet wurden.
If a Magento 2 online shop displays the error message "The attribute 'length' is not allowed." when attempting to run bin/magento setup:upgrade, preceded by the message "The XML in file 'db_schema.xml' is invalid", it may be necessary to adjust the XML structure.
Our web agency was tasked with setting the shipping costs individually for each product in a Magento 2 online shop. More specifically, each product needed to be assigned a specific weight depending on a particular attribute. This weight could then be used to determine the final total shipping costs with the help of table-rate shipping. One way to achieve this, for example, is by writing a small plugin.
After the (supposedly) successful creation of a sitemap in Magento 2 (CE 2.3.5), a Parse Error was displayed when accessing the sitemap. The error: This page contains the following errors: Entity 'iacute' not defined. Below is a rendering of the page up to the first error. The solution offered here by our web agency or the workaround provided is, of course, not limited to the entity "iacute", i.e. "&iacute;", which corresponds to the letter "í", but also applies to umlauts and other special characters such as Trademark (™) or similar.
Task during the development of an online shop at our web agency: We want to hide the price of a product based on an option of a selected attribute, both in the list view (categories, search, etc.) and in the product detail view.
Current issue at our web agency while developing an online shop based on Magento 2: How can prices be displayed without decimal places in both the product detail view and the product list view? The good news: Magento 2 allows an optional $precision parameter when formatting the price with the formatCurrency() function, which is responsible for the display / rounding. The bad news: In the detail view, the price is formatted again using JavaScript.
At our web agency, we are currently migrating an old Magento 1 store to Magento 2.
For the migration, we are using Magento's database migration tool. When using it, the following error was displayed:
After updating Magento to version 2.3.5, we noticed at our web agency that the browser console was displaying several errors. The errors concerned loading various file types from external sources ("Refused to load the..."). For example, JavaScript, CSS, images, and Google Fonts were affected.
When clearing the Magento static cache, the website takes some time before it works properly again. This is, of course, suboptimal when implementing changes or reverting them.
If you encounter problems when applying the security patch SUPEE-11555 and the update aborts at the media.js file, the issue may be caused by the line endings. In this case, the following message is displayed during the online store's update process: "checking file js/tiny_mce/plugins/media/js/media.js Hunk #1 FAILED at 483 (different line endings).1 out of 1 hunk FAILED". However, this can be fixed easily.
Encountered at our web agency in a Magento 2-based online store: At a certain point, it was no longer possible to log in to the admin area without any changes having been made to the online store. The generated error report indicated that the certificate of a page requested via the HTTPS protocol was not trusted. The requesting file was part of the Hut Extension "Customer Approval" extension. More specifically, the error was caused in the following file, where the change needs to be made:
If you receive the error "Uncaught SyntaxError: Unexpected token O in JSON at position 145" on the product detail page, and the product image is no longer loaded and no AJAX / JavaScript operations work anymore, the solution may be relatively simple. In our online store running Magento 2 (Magento CE 2.2.5), the product name contained the "inch symbol" (") in the form of a double quotation mark.
When you create a configurable product in Magento 2 and assign simple products to it using a selected attribute, those simple products can be selected from a dropdown on the product detail page. The images and price change, but the SKU does not. The dropdown also displays only the labels of the underlying attribute rather than the name of the associated simple product. Instead, the price difference compared to the currently selected simple product is displayed.
We wanted to achieve two things: hide the price difference and, instead, display the name of the respective associated simple product next to the attribute label. First, we created a small plugin and added the following lines to
The task at our agency for an online store based on Magento 1 CE 1.9 is to display the product description (which is very short!) below the product number in the order overview of the order confirmation email. The correct place to make these changes is the following file:
Problem encountered at our web agency: A page link integrated into the online store system Magento 2 using a widget was not displayed on our no-route page, even though this was configured accordingly in the Magento backend. The type was set to "Page Link", Package/Theme to "Luma", and all available store views were selected ("All Store Views" would also have been sufficient!). The sort order is irrelevant here. The layout updates were configured for "Specified Page", namely the "CMS No-Route Default Page" ("CMS No Route"). This did not work either, but we will take a closer look at this later:
If the Magento 1 backend is extremely slow, even when logging in or saving products, there are a few tricks that can help. Two key problem areas are the /var/cache directory and the core_url_rewrite table.
If the backend is already extremely slow when logging in, it can help to manually delete the contents of the var/cache/ directory.
If editing or saving products is very slow, this may be caused by slow database queries. These can be identified, for example, using a slow query log. In our case, the culprit was the extremely large core_url_rewrite table, where queries sometimes took more than 30 seconds to complete.
The solution was to back up the manual rewrites and select them, for example, using a REGEXP:
How can you change the name (title / label) of the Klarna Payments solution in the checkout of an online shop built with Magento CE 1.9? To begin with: Unfortunately, this setting cannot be found in the backend. For example, the checkout may display "Invoice." with a period instead of "Invoice" without a period. In this case, a change in the "payment form block" can help. We therefore look in the file
How do you change the name field in the Magento 1 contact form from a required field to an optional field? The background to this is that, as part of the General Data Protection Regulation (GDPR), which came into effect in 2018, you may want to give users the option of sending a message to the shop operator without having to provide their name.
How can CMS pages be designed differently depending on whether a user is logged in or not? Basically, it's relatively simple: You create a PHTML file and then include it in the CMS page. In this file, you can use the isLoggedIn function, which returns whether the user is logged in or not, allowing you to generate different outputs, such as calling different static blocks.
During a test order in our Magento shop, the following error message appears in the order confirmation: CSS Inline Error: DOMXPath::query(): Invalid expression in selector >> div.block-minicart .minicart-items .product-item:not(:first-child) << in vendor/pelago/emogrifier/Classes/Emogrifier.php on line 372.
After logging in as a customer, we noticed that the shopping cart was not displayed at all. It was only visible on the customer account page. Whether the cart was displayed or not was defined in the following file: C:\xampp_7_1_23\htdocs\oku-online\app\design\frontend\econcess\default\Magento_Checkout\templates\cart\minicart.phtml The if statement was:
On the homepage, under “Best-Selling Products”, a product description needs to be added to the products. To do this, an override must be created. The template file that needs to be overridden is located at:
\app\design\frontend\template-name\default\Magento_CatalogWidget\templates\product\widget\content\grid.phtml
We can find the block that needs to be inserted under
On the homepage of our shop, under “Best-Selling Products”, the “Add to Compare” function needs to be removed. We inserted the following code snippets into our .xml file
\app\design\frontend\theme-name\default\Magento_Theme\layout\default.xml
:
In one of our recent blog posts (https://econcess.de/blog/onlineshop-erstellung-magento/163-magento-2-onlineshop-username-fuer-kunden-login-einrichten), we introduced the "Diglin Username" plugin, which makes it possible to log in to Magento using a username.
We had the problem that we were greeted by the following error message when loading the Magento page:
Magento\Framework\Serialize\Serializer\Serialize>Magento\Framework\Serialize\Serializer\{closure}(8, 'unserialize(): ...', 'C:\\xampp\\...', 42, Array)
If the file upload in Magento 2 (in this case: Magento 2.2.5) aborts when attempting to upload a video file in a static block, this may be due to an excessively large post_max_size. In this particular case, the PHP parameter in php.ini was set to 2048M, i.e. 2 gigabytes. If you look at the error displayed in the console when attempting to upload a file, you will see a message stating that the compiler encountered an "Unexpected token" while processing the program code and can no longer continue because of it.
We want to enable customers of an online shop implemented with Magento 2 to log in using a username (in addition to the regular login with an email address). There was already a nice extension for Magento 1 called "Diglin Username". It is currently in beta for Magento 2, but can be used quite effectively. Here we show you how:
We now want to give the customer the option of entering comments during the ordering process, which should then be assigned to the order in the backend so that the shop operator can take them into account when processing the order. In addition, the customer should be able to find their comment both in the order confirmation email and in the order overview of their customer account. The first task can be solved quickly with a suitable extension; here we worked with the extension . It works quite well overall, with a few weaknesses that can easily be addressed with a few minor adjustments. However, this extension only creates backend comments. The order confirmation and order overview do not contain the entered comment.
If, as part of the new EU General Data Protection Regulation (GDPR) coming into force, you want to modify the Magento contact form so that the name is no longer a required field and instead becomes an optional field, there are a few things to consider. First, remove the "required" class and the "asterisk" in the file \app\design\frontend\PAKET\TEMPLATE\template\contacts\form.phtml, so that the result looks like this:
How do you add a checkbox to the contact form and registration form in Magento 1.9, for example to confirm that the user is of legal age or to require acceptance of the privacy policy? A practical solution for this is the Terms and Conditions (Admin->Sales->Terms and Conditions). We now want to add confirmation of the privacy policy to the contact form and confirmation of the privacy policy and confirmation of legal age to the registration form, both in German and English (2 store views). To do this, we create 4 Terms and Conditions in the Magento backend (Age and Privacy Policy, each in German and English).
How do you create image sitemaps in a Magento online shop (multi-shop with 2 websites and 3 languages / store views per website) and exclude certain page types for individual store views? Here is one possible solution: First, we create subfolders for each sitemap, e.g. /sitemaps/sitemap-websitename1-storeviewname1/, /sitemaps/sitemap-websitename1-storeviewname2/, etc. We then create a sitemap for each store view in the Magento backend and generate it, so that we have one sitemap per sitemap folder as a result (/sitemaps/sitemap-websitename1-storeviewname1/sitemap.xml, /sitemaps/sitemap-websitename1-storeviewname2/sitemap.xml, etc.).
After installing the SUPEE-10570 security patch for Magento CE 1.9.2.4, it can happen that the shopping cart displays only a blank page, without any errors appearing in the server logs or Magento logs. And this only occurs when compilation is enabled. Finding the error without any logs is relatively difficult—but after a long search, we were able to identify the culprit. In this case, it was a function in /app/code/core/Mage/Customer/Helper/Data.php, namely getPasswordTimestamp().
If the following error message appears in the system log file var/log/system.log: DEBUG (7): HEADERS ALREADY SENT: <pre>[0] PATH_TO_MAGENTO_INSTALLATION\app\ code\core\Mage\Core\Controller\Response\Http.php:53, the first step is to find the location where the error actually occurs, since Http.php is only the downstream component. To do this, we add, for example, the following to the file
After purchasing the "UPS Shipment" extension and downloading the file bms-magento-upsshipment-1.3.3.zip, it is unpacked and copied to the root directory of the Magento installation. The SOAP (PHP) extension must be enabled for this. After activating the extension, the error "Missing or invalid Shipto AttentionName" may occur when shipping to an address outside Germany. In this case, UPS requires not only the actual recipient but also the "Attn." entry, which is not transmitted by Magento.
If the image upload no longer works in some areas of the Magento backend and the error "ReferenceError: Uploader is not defined" appears in the error console, this may be due to several required JavaScript files not being included. These files have become mandatory following the switch from Flash to HTML uploaders with Magento CE 1.9.3 and the corresponding patches.
How do you integrate the unit of measurement of a product (e.g. pieces, m, sq m, liters, etc.) into the order confirmation in the "Quantity" (Qty) column? First, let's take a look at which file is responsible for displaying the ordered products:
How do you encrypt the backend and checkout in Magento? By selecting the appropriate setting in the backend under System->Configuration->GENERAL->Web->Secure. But how do you also encrypt all remaining pages? By entering the secure Base URL under System->Configuration->GENERAL->Web->Unsecure as well. Yesss, that easy, right! Unfortunately, not with existing Magento installations. What is the problem here? All unsecured subpages indexed by search engines (i.e. pages served using the http protocol) are now redirected to the homepage.
After applying the Magento patch SUPEE-9767, it is no longer possible to upload PDFs to the Magento system via the WYSIWYG editor's upload functionality, even if this file type had previously been added to the list of allowed extensions via a suitable config.xml. This is due to the newly introduced validate() function, which throws an exception after an unsuccessful attempt to determine the file format using getimagesize(). We therefore need to prevent this exception from being triggered.
In Magento, the Surcharge Extension makes it easy and convenient to charge surcharges for various areas of the online shop without having to modify Magento's built-in price rules to allow negative discounts. This can also be used for payment methods, for example, as a payment surcharge for cash on delivery, PayPal, and so on. With PHP 7, however, the display in the checkout changes—instead of the respective individual payment method surcharges, it simply displays "1" (+ currency).
When using PHP 7 for Magento shops running CE 1.9 (in this case: 1.9.2.4), problems can occur when uploading images while editing a product. For example, the upload may abort or simply hang without any further error message. The reason for this is the "Uniform Variable Syntax" introduced with PHP 7. In simple terms, this means that when dealing with embedded variables, we now read from left to right rather than from right to left.
If the error message "Magento: is_readable() expects parameter 1 to be a valid path, string given" appears in the Magento logs, this may be caused by a bug in the Varien library, more precisely, a bug in the file /lib/Varien/Io/File.php. Here, it is advisable to split the condition
When using the Magento extension "Simple Configurable Products" from Organic Internet, it should be possible to display the lowest price for a configurable product in the product list (within a category), based on the simple products assigned to it. In other words, the lowest price of all assigned products should be displayed. To achieve this, the SCP extension performs (for the most part) suitable database queries in which it requests the desired rows using the ORDER clause.
When using the Magento extension "Improved Navigation" from Amasty, the following error can occur: If the filters are integrated on a CMS page (e.g. as an entry point on the homepage), selecting a filter leads to the subpage "/shopby" with the respective option as a URL parameter. However, the controller does not recognize any involvement of the Amasty extension there and attempts to display a CMS page. After some research, it turns out that Amasty unnecessarily changes the URL "/shopby" to "/s", which cannot then be mapped correctly—the result is the display of the 404 page.
Suppose we want to position several CMS pages in the main menu alongside the sales categories, which we can edit freely in the category management and move around as needed. As an example, let's take a page for presenting the company, which we create as a category called "Company" and which is then accessible at /company.html. However, we do not want /company.html to be displayed using a static block, for example (due to the limited editing options), but instead want to create a new CMS page called "Company", making it accessible at /company.
How can categories in Magento be redirected to CMS pages or contact pages? This is particularly convenient for multilingual online shops, as it allows individual content elements to be represented within the category structure, such as a company profile or a link to the contact form (provided by the system at /contacts). As described in several threads, unfortunately it is not enough to create a custom rewrite that is intended to replace the system rewrite.
Problem: Multiselect attribute options are missing during product imports in Magento:
Even in the Community Edition version 1.9.1.0, there is still a bug that prevents the smooth import of multiselect attributes. The problem: After importing products with multiselect attributes, some attribute options are missing for certain products.
In Magento, errors can occur when using the language selector to navigate between different pages for which different URL keys have been specified, e.g. "about-us" for the English "About Us" page and "ueber-uns" for the German equivalent.
In other words: For the product entity with ID 9478 and the attribute with ID 180, an attempt was made to enter a value for the store with ID 1 that already exists.
The problem: We have created an attribute with the "Multiple Select" property and now want to use it in Magento in the category view for the sorting function, i.e. sort the product list according to the values of this attribute. In the standard settings of a multiple-select attribute, this functionality ("Use in Layered Navigation") cannot be enabled.
The problem: We use Magestore's one-step checkout and have repurposed the Gift Wrap functionality (gift wrapping) as shipping insurance, which customers can optionally add to any order.
Small but important!
At present, payment by invoice via the BillSAFE service provider only works without problems with Magento's standard checkout.
Problem: In the Magento search, a search for "Ölen" returns products from Poland, a search for "grün" returns all kinds of primers, and a search for "Laser" returns all glasses in the shop.
Problem: After enabling the "Use Flat Catalog Product" option in the Magento admin area (System->Configuration->CATALOG->Catalog), retrieving the SKU using getSku() within a product instance (e.g. $_product->getSku()) no longer works; the return value is NULL.
With the IF and DEPEND directives in Magento's email templates (System->Transactional Emails), you can conveniently control the output of individual content depending on certain conditions.
The standard Magento editor TinyMCE that is installed by default unfortunately does not always behave according to the user's wishes.
If images in the Magento backend are not visible after a successful upload, while they are displayed without any problems in the frontend of the online shop, this may be due to the PHP configuration of the shop server.
With the following steps, you can easily and relatively quickly integrate a nice lightbox for the product detail view in Magento online shops. Here, we decided to use the jQuery-based Fancybox.
With a little programming effort, you can get Magento to change the order in which amounts are displayed during the checkout process, in the shopping cart, and in the breakdown included in sent emails—here using taxes as an example, which we want to move below the grand total (changing the order in the admin area under System->Configuration->SALES->Sales->"Sort Order of Address Total Segments" does not produce the desired result here):
In older versions of the Magento system, problems can still occur in some cases when calculating totals and taxes, resulting in a rounding-related discrepancy of 1 cent.
In the current versions of Magento (Magento 1.7.0.2 and earlier), there is still no way to integrate custom cost-incurring, user-controlled components into the checkout process that can be enabled or disabled by the user (gift wrapping, shipping insurance, etc.).
At the latest, if you offer both the shipping method "Pickup" and the payment method "Cash on Delivery" within a Magento online shop, you should take a closer look at the dependency between shipping and payment methods.
If a surcharge or discount is applied to the shopping cart using a cart price rule (settings in the Magento admin area: Discount on prices excluding VAT
Anyone having a Magento online shop created does not get the option to set a small-order surcharge out of the box, unfortunately. This means: a surcharge on the shopping cart price if it falls below a certain value.
The Magento extension "PDF Catalog" from Magazento provides a good way to output individual products and entire categories as PDFs.
Variant 1: href="/Magento-Agentur/Magento-Programmierung-Muenchen.php">Magento Block via XML
The block is defined in the file \app \design \frontend \Dein_Templatepack \Dein_Template \layout \page.xml. In our case, it is called "firstheader" and receives (optional) design specifications in the file
If you find an entry reading 'Could not determine temp directory, please specify a cache_dir manually' in the error log files of the Magento system because the navigation in the admin area stopped working shortly after a fresh Magento installation, this error can be fixed quickly
If, after attempting to access the 'StoreMaintenance' extension in the Magento admin area, you are redirected to the 404 error page
Optimize Loading Times: When Design Meets Technology A fast website is essential today. Users expect pages to load instantly—after just 3 seconds of waiting, the likelihood of abandonment increases dramatically. Long loading times not only affect the user experience, but also directly impact the conversion rate and SEO ranking.
Meta descriptions are often underestimated. Although they appear only as short lines of text in search results, they have an enormous impact on click-through rate, user perception, and ultimately conversion. A well-written meta description is like free advertising copy for your website.
Search engine optimization (SEO) has continuously evolved over the years, but the influence of Artificial Intelligence (AI) is bringing a new dimension to the world of online visibility. Search engines such as Google use AI to make search algorithms more intelligent, and companies need to adapt in order to remain competitive in this new era. In this article, we examine how AI is changing the SEO landscape and which strategies brands should pursue to benefit from these developments.
A Call-to-Action (CTA) is more than just a button labeled "Buy now". It is the crucial element that motivates users to take a specific action—whether that means making a purchase, signing up, or sharing content. But what makes a CTA truly effective? In this article, you will learn how to optimize your CTAs and achieve more conversions using psychological principles, clear design, and strategic placement.
Anyone who wants to test their website comprehensively should not do so only on a computer running Windows. For Apple users in particular, it is important to know whether a website runs flawlessly on different iOS devices. Fortunately, this is very easy to do: With a Mac and the free Xcode program, you can have virtually any iPhone available directly in the simulator! In this blog post, we will show you how to check your website in the Safari browser on different Apple products (e.g. iPhone or iPad) in just a few steps—including access to the developer tools.
In an era where cyberattacks are becoming increasingly sophisticated and digitalization is connecting businesses more closely than ever, traditional security models are no longer sufficient. One approach that is becoming increasingly important is Zero Trust Architecture (ZTA). This security model is based on a simple but radical principle: “Never trust, always verify.”
When you're browsing the internet, you come across the notice “This website uses cookies” almost everywhere. But what are cookies, and why are they needed for websites? In the following, we will take a look at how cookies work, the different types of cookies, and the data protection aspects associated with them.
In recent years, web push notifications have become an increasingly important tool for improving user engagement. They provide a simple way to reach users in real time, keep them up to date, and strengthen their connection to a website or brand. In this post, we will take a look at what web push notifications are, how they work, and why they can be invaluable for engaging with users.
In recent years, voice search has undergone rapid development and has become an important part of search engine optimization (SEO). With the spread of smart speakers such as Amazon Echo and Google Home, as well as the increasing use of voice assistants on smartphones, it is essential that websites are optimized for voice searches. In this blog post, we will explain what Voice Search Optimization (VSO) is, why it is important, and how you can effectively prepare your website for voice searches.
In today's digital age, where users' attention spans are becoming increasingly shorter, the loading time of a website is crucial to its success. A fast website not only improves the user experience but also contributes to search engine optimization (SEO). In this blog post, we will provide you with valuable tips for optimizing HTML and CSS to reduce the loading times of your website.
In the world of search engine optimization (SEO), there is one truth that has stood the test of time: backlinks are still an important ranking factor. High-quality backlinks from trustworthy websites can significantly improve your website's ranking in search results and strengthen the authority of your site. In this blog post, we will take a deeper look at backlink building and share effective strategies that will help you build high-quality backlinks.
In the constantly evolving world of search engine optimization (SEO), a new set of factors is becoming increasingly important—the so-called Core Web Vitals. These metrics, which measure the user experience on websites, have a direct impact on SEO rankings. In this blog post, we will take a closer look at the Core Web Vitals and how you can optimize your website performance to shine in the search results.
In a world with increasingly complex social and environmental challenges, it is more important than ever for companies to consider their impact on society. An effective Social Impact strategy can not only help strengthen a company's positive image, but also bring about real positive change in society. But where do you start, and how do you develop such a strategy? In this article, we will show you in five simple steps how to develop an effective Social Impact strategy for your company. Whether you are just getting started or already have an established business, these steps will help you maximize your contribution to society while achieving long-term success.
Search engine optimization is a constantly growing and changing industry that has made tremendous progress in recent years. The trends are moving toward more personalized and intelligent search queries, and search engines are becoming increasingly better at understanding what users are looking for. In 2023, the question arises as to what developments in search engine optimization await us. Which factors will search engines consider in the future? Will traditional SEO measures such as link building and keyword optimization need to change? We take a look at the trends and predictions made by experts to keep you up to date and provide tips on how you can prepare for them so that you can continue to rank at the top in the future.
For every local business, a strong online presence is crucial. It is not only important to have an appealing website, but also to ensure that you are visible in local search results. If you neglect your local SEO strategy, you will lose valuable customers to your competitors. But what exactly is Local SEO, and how can you ensure that your business can be found in local search results? In this blog article, we will introduce you to the 7 things you should know about Local SEO in order to optimize your online presence. We will show you how to optimize your Google My Business profile, how to ensure that your website looks good on mobile devices, and much more. Read on to find out how to get the most out of your local SEO strategy.
In the world of online marketing, everything revolves around keywords. Without finding and implementing the right keyword, the chances of your website appearing at the top of the rankings on Google and other search engines are very low. But where do you actually start with keyword research? How do you find keywords that spark the interest of your target audience and actually drive traffic to your website? In this ultimate guide to keyword research, we give you an insight into the world of keywords and explain every step, from basic research to specialized analysis tools. We will introduce you to some proven methods and help you optimize your strategy and find the keywords that are best suited to your needs. Get our ultimate guide and discover how you can improve your online presence and reach your target audience.
You don't have to spend hundreds or thousands to improve the SEO of your website. You can start with these simple and basic steps and see how things develop.
A keyword is a textual unit that either appears in the text itself or can be used to tag a text. It can be a single word or a combination of several words, numbers, or characters. Keywords are important for successful SEO online marketing because without the right keywords, users cannot find the content on a website.
The bounce rate indicates how many users leave a website without taking any action (e.g. navigating to another subpage). It therefore refers to a single-page session in which the user has neither accessed any additional pages nor interacted with the website in a way that triggers a new request to the Analytics server.
What are Core Web Vitals?
With Core Web Vitals, Google introduced three new criteria in May 2021 for measuring the user-friendliness of a website. These metrics are intended to help assess and classify the user experience a website provides. The three main criteria are loading time, interaction time, and the stability of elements on a website.
The question comes up regularly: What is more important for SEO, on-page optimization or off-page optimization? How should I allocate my budget? Isn't it enough to provide good, continuously updated content, and is off-page optimization even still necessary?
At the end of September (September 26, 2014), the rollout of the new Panda update began. Perhaps Google's announcement of the rollout in the UK will also be the last of its kind, as the search engine operator had already announced some time ago that Panda updates would in future be incorporated into the regular search engine algorithm updates, thereby gradually improving the user experience and progressively lowering the rankings of websites with little added value.
In May 2014, the next Panda update from the market leader was rolled out worldwide. Germany's most popular search engine, with a 94% market share in May 2014 and even 98% on mobile devices (source: de.statista.com), deployed the next major search engine algorithm update on the morning of May 21, 2014.
The manual reviews carried out by Google's spam team are making March a hot month for some search engine optimizers. Several tweets from Google's spam team in March 2014
If manual spam actions have been imposed by Google's spam team due to non-compliance with Google-compliant search engine optimization, resulting in parts of a domain or the entire domain receiving lower rankings, the backlink profile of the affected domain should be analyzed carefully and with due consideration.
After website operators and SEO agencies had some time to consider the Google update "Penguin 2.0", which was rolled out on May 22, 2013, the next anti-spam measure from the Google team has now been online since October 4, 2013: Penguin 2.1
Matt Cutts (Google Web Spam Team) on the "Penguin 2.0" Google algorithm update rolled out on May 22, 2013, and its impact on SEO and search engine marketing
Removing suspicious or poor-quality backlinks can help when a manual penalty has been imposed by Google's spam team. While it is possible to try building strong and trustworthy backlinks to counteract the Google penalty, this only makes sense as an SEO measure
When it comes to online shops, rankings can already be improved significantly with simple and fundamental measures:
If you encounter problems with payment via PayPal Plus in a Gambio online shop and the PayPal error logs contain the message USER NOTICE: "ERROR performing request: unsupported response type application/json;charset=UTF-8", this may be due to an outdated shop version / PayPal plugin version. First, we locate the file that generates the error mentioned above and then try to make the online shop compatible with PayPal again by modifying the problematic section.
If you receive the message "Breadcrumb issues detected on page xy" and Google Search Console subsequently explains the error with "data-vocabulary.org schema deprecated" (in this case: Breadcrumbs), you should make adjustments to the template files in order to implement the structured data using the currently valid markup. Our example here refers to breadcrumbs, which are intended to represent the navigation path using structured data / Rich Snippets.
Our web agency was commissioned to create a feed for Google Shopping from the Gambio online shop system, or rather to correct the generation of the Shopping feed from Gambio, as there were several errors. For example, the shipping weight was not exported correctly. The shipping weight from the online shop was exported with a period (".") as the decimal separator. However, this needs to be a comma (","), so we have to change the export instruction in the "Shipping weight" column from
If the error message "PayPal is temporarily unavailable" appears in Gambio GX3 when attempting to pay with PayPal, and the logs contain the message "Error creating payment resource for ECM payment: ERROR creating payment: INVALID_EXPERIENCE_PROFILE_ID The requested experience profile ID was not found", this is due to incorrect backend settings in the PayPal PLUS module. The "Display on the PayPal payment page (PayPal parameters)" setting should be checked or adjusted under the expert settings.
If you get the error message "check_data_type validation failed. Dump: , string expected, but NULL detected" for non-existent content pages (e.g. /info/versandtd.html) in Gambio GX3 (3.1.x-3.2.x), this is caused by an incorrect interaction between the ShopContentContentControl class and the BaseClass class:
If you receive the following error when attempting to rebuild the cache for the item properties (and thus refresh the "products_properties_index" table):
If the logo is no longer displayed after a Gambio update, this may be due to a change in the variable declaration. This is defined in the file \templates\YOUR_TEMPLATE\source\boxes\gm_logo.php. In older templates, this is done using the variable $gm_logo.
The task: In Gambio, a homepage was to be redesigned so that the bestseller display would be replaced by three sliders. The first slider uses the entire available width of the page content. This is followed by two additional sliders, each taking up 50% of the available width and arranged side by side.
The Slick Slider project from http://kenwheeler.github.io/slick/ serves as the basis for this. Including the JavaScript and CSS files from there makes it possible to display the child elements of an HTML element as a highly configurable slider.
How can you display values from an item's filter selection in the product list / category overview? For example, if a product is available in certain sizes (e.g. XS, S, M, and L), you can already inform a customer looking for size XXL in the product overview (without requiring them to activate the corresponding filter first), saving the user unnecessary clicks on products that are not available in the desired size. The same applies to available colors: If you want to supplement the filtering options (e.g. yellow, red, green, blue, white, black, gray) and display more specific colors directly in the Gambio product overview (e.g. sky blue, azure blue, turquoise, or cobalt blue), you can use the filter assignments.
When a customer of a Gambio shop redeems a voucher by entering the voucher code in the shopping cart, the voucher is processed, but it is not deducted from the total displayed in the shopping cart. From a user experience and conversion rate perspective, it is better to display the applied discount directly. Here is a suggested solution for Gambio GX2:
How do you implement Google Analytics conversion tracking in Gambio to record purchases? Basically, it is quite simple:
Step 1) We assemble the data for Google Analytics and then write it to the output buffer using a class extension. We implement this class extension using an overload in the folder
During the migration of a Shopware 5 system to a containerized environment, an error pattern emerged that initially seemed unusual: The backend loaded, but instead of the usual interface, a Shopware error dialog appeared that completely blocked the user. This error dialog contained:
A technical field report from practical web development – for everyone who programs and maintains websites with Neos CMS.
An online shop is more than just a list of products. It needs to create trust, make purchasing decisions easier, and appeal to customers' emotions. Anyone who neglects these factors is giving away revenue and valuable customer loyalty. In this article, you will learn which elements should not be missing from any successful shop and how to implement them optimally.
Does this sound familiar? You have built an online shop with the Magento CMS to sell your products online. To improve customer loyalty, your customers can send you messages via forms. But your inbox is full of spam messages in Cyrillic, Arabic, or Chinese, and you don't know how to effectively protect yourself against them?
If you use Shopware as an e-commerce platform for your company, you certainly know that operating and scaling it optimally requires a great deal of time, effort, and resources. To ensure that your Shopware shop grows quickly and that you are successful in the e-commerce business, you need expert knowledge. In this blog post, we provide you with a guide on how to scale your Shopware shop quickly and efficiently. We will explain helpful tips and techniques so that you can maximize your e-commerce success. Let's get started and discover which steps you need to take to achieve the perfect scaling of your Shopware shop.
Our agency's goal was to use a hash in the URL to target an anchor on an online shop based on Shopware 5. In other words, we wanted to automatically scroll down to an anchor (to an element with the ID "someanchor") after entering, for example, https://irgendeinonlineshop.de#irgendeinesprungmarke in the browser. In principle, this mechanism is application-independent; it works just as well in a Magento 2 online shop as it does on a static HTML website. However, this is not the case in Shopware 5 if the anchor is embedded in a shopping world, regardless of whether it is loaded via AJAX or not.
Question from our agency regarding a webshop built with Shopware 5: How can you add the EANs of the variant products of a main product to the variant selection? The goal here was to add the EAN as an additional identifier to the respective option, which could then be controlled via an automated size selection. In other words: If I select a specific size using a size calculator, this size is selected via the corresponding EAN (jQuery), and the associated variant product is then loaded. This can also be applied to the more general question: How can I add properties of main or variant products or any additional information to the product detail page of my Shopware 5 online shop?
At our web agency, we use the Google Tag Manager plugin by codiverse for a Shopware 5 customer. The plugin prepares a dataLayer that can then be conveniently read via Google Tag Manager. However, we were missing the current shopping cart value, which in the basic configuration of the online shop / plugin was only provided during checkout.
At our agency, we use a Smartfit size calculator for a project that can calculate the size of the desired item based on several parameters. The problem here is that the part of the product detail page that contains the calculator is re-rendered via AJAX after a variant is selected, and the size calculator is then not re-populated and no longer works.
Today's problem at our web agency: We want to add a text block above a selected payment method on a website / online shop (implemented with Shopware 5) that we can freely modify. In this particular case, we want to display a note above various leasing models indicating that additional information is required in a text field. Our Shopware 5 online shop also uses PayPal Plus, meaning that payment methods other than PayPal are rendered through the PayPal Plus module. Therefore, we cannot modify the standard Bare theme directly, but instead need to make changes to the PayPal plugin in our theme.
If you want to change the specified financing example of the Shopware plugin "Consors Finanz" by the plugin developer "MILLEMEDIA" on the product detail page, this cannot be done via the backend. Instead, you can intervene directly in the function that selects the respective example. For example, we do not want to display the lowest installment, but rather the lowest installment with 0% financing.
When we create an online shop with Shopware, a customer may request that Google Tag Manager be integrated as a supporting tool for online marketing. There are extensions available for this, but for technicians, doing it manually is basically easier and faster and generally does not result in compatibility issues or the need to make adjustments after updates. In principle, changes in just 2 places in Shopware are enough to make the online shop ready for Google Tag Manager.
If you encounter an AJAX error (Error 500) in the Shopware backend in the order overview (Customers->Orders) and cannot view all customer orders, it is advisable to check the Shopware error logs (directly in the backend or via var/log/). In our case, the error indicated that there were problems with the payment status. The exact error message in the log file was:
Problem statement at our web agency: If the current PayPal plugin ("SwagPaymentPayPalUnified", see https://store.shopware.com/swag828732772311f/paypal.html, which replaces the old "PayPal Express" plugin) is used to enable PayPal Express Checkout in a Shopware online shop, but the PayPal Express Checkout is not displayed, this may be due to the localization of the Shopware shop. In our case, the console reported the JavaScript error "Error: Expected props.locale to be valid", meaning that the localization was invalid. In our case, it was Kazakh (language code "kk_KZ"), because we use the "Deutsch Du - Shopware 5+ ready" language pack from "Shop Uebersetzungen". However, the code "kk-KZ" is not supported by the PayPal plugin. So what can be done?
Question at our web agency while creating a Shopware online shop: How can you prevent the category menu from being displayed when opening the OffCanvas menu in the mobile views (viewports "s" and "xs") for categories without subcategories, forcing the user to click again to return to the main navigation? This behavior, which is included by Shopware in the standard installation, is implemented using a plugin ("swSubCategoryNav") that relies on the attribute "[data-subcategory-nav="true"]". This behavior is defined in the file
Problem statement at our web agency: In a Shopware-based online shop, we want to set up an accordion for all viewports / screen widths that contains the product description in the product detail view. To do this, we can use the existing swCollapsePanel plugin, which Shopware already uses, for example, to display the cross-selling slider in the "s" and "xs" viewports via the StateManager (using the selector ".tab-menu--cross-selling .tab--header" for the header and ".tab--content" for the content). First, we take a look at the file
Today’s problem at our web agency: How do I change the breakpoints in a child theme based on the Responsive theme in a Shopware-based online shop? Ideally, we would simply move the file in which the breakpoints are defined into the child theme and then change the breakpoints there. Unfortunately, it does not work that way. We have to use the StateManager, which allows us in Shopware to execute JavaScript plugins depending on different screen widths (see also https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/).
Even without a plugin, it is relatively straightforward to add an add-to-cart button to the wishlist in an online shop implemented with Shopware 5. Based on the buy button used in the product listing (/themes/Frontend/Bare/frontend/listing/product-box/button-buy.tpl), we need to find the appropriate template file for displaying the items in the wishlist. We find this in /themes/Frontend/Bare/frontend/note/item.tpl. More specifically, the relevant block here is {block name="frontend_note_item_actions_buy"}. Of course, you should not modify the Bare theme directly, but instead extend the block in your own theme. We then populate the block with the shopping cart form, as it is also displayed in the product listing:
If you try to place a banner in Shopware and also want to place shopping worlds on the same page, you will quickly notice that the banner disappears when the shopping world is activated. To display both at the same time, a small change to the theme is necessary.
When installing a Shopware shop locally with XAMPP, it can happen that the shopping worlds on the homepage have extremely long loading times. In the worst case, the shopping world may not load at all. I will now show you how to fix this problem.
By default, the language switcher in Shopware (which manages the different shop languages) is displayed as a dropdown and is located at the very top of the header inside a <div> element with the class "top-bar". According to our design template, however, it needs to be placed in the main navigation and should look something like EN | DE.
The Shopware error message "core.ERROR: exception 'Doctrine\DBAL\Types\ConversionException' with message 'Could not convert database value "s:0:""" to Doctrine Type object'" or a similar error message may indicate invalid values in the "s_core_config_elements" table. If a terminating semicolon is missing after an entry in the "value" column, Shopware (under Linux) cannot process it (whereas Windows can).
Shopware and older browsers — here is another chapter: On our Samsung Galaxy Tab 3 10.1 (GT-P5200) tablet using the native Android browser, our online shop displays the message "Invalid form token" on the contact page and on some other pages after attempting to submit a form.
Online shops built with Shopware can be set up professionally and offer good usability for both shop operators and users. However, Shopware has a difficult relationship with older browsers — unfortunately, there is no other way to put it. Here is an example of how Shopware can cost an online shop developer several hours of work: In the standard Shopware template, the service dropdown menu in the top right cannot be opened because it immediately disappears again after briefly opening. This problem occurred on a Samsung Galaxy Tab 3 10.1 (GT-P5200) using the native Android browser. The reason is the simultaneous assignment of "click" and "touchstart" listeners, which in
The speed of a shop, alongside user guidance and styling, is a decisive factor for many customers when deciding whether or not to place an order with you. A shop where customers have to wait 20–30 seconds before they can see the next page will have a hard time being successful. Many customers will abandon their purchase in frustration before completing their order because they are (rightly) unwilling to wait minutes for the product details or checkout to load. That is why it is important to keep waiting times as short as possible. Today, I will show you how to achieve this.
By default, Shopware does not use HTML formatting in the product listing. This is inconvenient when you have different, independent pieces of information in the product description that you naturally want to display in a structured way.
For example: the product name, the manufacturer, a product description, and the place of origin. Without HTML formatting, all of this is displayed in the listing without formatting or line breaks, one item after another. We will now show you how to enable HTML formatting in the listing.
For some inexplicable reason, the “WooCommerce” plugin does not have the option to display only the free shipping method when a certain order value is reached. Normally, the standard shipping method is displayed alongside the free shipping option. This can often be confusing for customers and should therefore be changed for usability reasons.
In January 2016, a change to the information requirements for online merchants comes into effect (Art. 14 of the ODR Regulation / Regulation on Online Dispute Resolution for consumer disputes No. 524/2013). The new information requirement concerning online dispute resolution will take effect on 09.01.2016.
If errors occur when saving product attributes in Modified Shop (xtcmodified) after the online shop creation, this may be related to the number of attributes if the so-called Suhosin component is installed on the underlying server.
Integrating various payment methods into osCommerce online shops via Skrill / Moneybookers can be difficult when using version 2.3.
Hier ein Vorschlag zur Erstellung eines ausklappbaren Kategorien-Menüs in osCommerce
The variables $languages_id, $languages_name, and $languages_code provide us with the current language
To extend or completely disable the automatic logoff of an (inactive) admin within an osCommerce installation (e.g. osC 2.3.2),
If "auto" is set as the value for "image width" or "image height" to automatically calculate the product image width or height in osC (this applies to preview images / thumbnail images / thumbnails)
Eine kurze Anleitung zum Hinzufügen eigener Inhalte im osCommerce-System (osC 2.3.2) am Beispiel einer Impressumsseite:
If problems occur after installing the WYSIWYG editor (WYSIWYG = What You See Is What You Get) "ckeditor" (latest update of the osC contribution at the time of this article: 21.03.2011)
By default, TYPO3 editors (backend users with restricted permissions) cannot clear the system or page cache. This function is reserved for administrators only. However, in many projects it is useful to allow editors to manually clear the cache after making changes.
TYPO3 programming can initially be a somewhat confusing challenge for beginners. However, with a few basic steps and the right understanding, newcomers can quickly achieve success. In this guide, we would like to introduce you to the first steps in TYPO3 programming and make it easier for you to get started.
TYPO3 and Wordpress are two of the most popular content management systems (CMS) on the market. Both offer a wide range of features and options for creating and managing websites. But which CMS is right for your website? In this comparison, we will take a closer look at the differences between TYPO3 and Wordpress to help you make the right decision.
TYPO3 is a content management system that is used by many companies worldwide. It is open-source software and can be downloaded free of charge. In this blog post, we will show you a step-by-step guide to installing TYPO3.
Typo3 is a content management system that offers many features and extensions. One of the most important ways to extend its functionality is through so-called plugins. But what exactly are Typo3 plugins and how do they work?
TYPO3 is an open-source content management system, also known as a CMS. The system has been developed since 1998 and is now one of the most well-known systems for creating websites. It is a very powerful CMS that comes with many features that can significantly simplify the management and creation of websites. There are also several extensions that can expand the functionality of TYPO3.
Typo3 CMS is a content management software that is available in several different languages and offers a wide range of features. Typo3 CMS enables users to set up and manage websites and applications without any prior programming knowledge. It is versatile, secure, and robust, but it is necessary to update the software regularly to ensure that you are always using the latest version. In this article, we explain how to effectively perform Typo3 CMS upgrades & updates and understand their benefits. We also explain common problems that can occur when performing Typo3 CMS upgrades and security updates and provide a conclusion on how users can always stay up to date.
Task at our web agency: We need a content element that automatically displays all sections, i.e. the content headings of the elements assigned to a news record. This element already exists for regular pages, but here we need to use the tx_news_related_news column, which references an entry in the tx_news_domain_model_news table for each content element.
The challenge we faced at our agency was this: How can we create custom `cropVariants` (for `fal_media`) within the TYPO3 `news` extension (TYPO3 v9) to provide specific cropping templates or masks—such as aspect ratios of 12:1, 8:3, or others of our choice? The standard solution—like the one shown at https://github.com/georgringer/news/issues/371—did not work for us.
Task at our agency: In a menu of a TYPO3 installation (TYPO3 v9.5), the subtitles of the menu items should be linked to their corresponding pages, meaning that the link target of the subtitles should match the link target of the actual menu items. It would seem logical to set a typolink with parameter.data = field:uid. However, this only works for regular pages that do not point to other pages. For shortcut menu items, this would mean that the menu item itself would link to the correct destination/reference page after the menu has been built normally, while the subtitle would link to the page itself and therefore result in a 404 error.
In a TYPO3 (TYPO3 9) installation at our agency, we encountered problems with image processing using ImageMagick. ImageMagick was installed via the software manager, and Ghostscript was installed as well. Nevertheless, in the backend, when checking Image Processing under "Environment->Image Processing", we received the message "Image generation failedImage generation failedImageMagick / GraphicsMagick handling is enabled, but the execute command returned an error. Please check your settings, especially ['GFX']['processor_path'] and ['GFX']['processor_path_lzw'] and ensure Ghostscript is installed on your server."
In a TYPO3 project at our agency, we wanted to display a different header for specific pages, i.e. a different logo, menu structure, etc. This can be implemented in just a few simple steps (using a website with TYPO3 v9.5.19 as an example): First, we add a custom layout in the Page TSconfig, e.g. with the following configuration:
In our web agency, we had to set up a blog system for TYPO3 for one of our clients. For this, we used a plugin. There are a few points that need to be taken into consideration during the process.
1. First, we need to install the blog extension (https://docs.typo3.org/p/t3g/blog/9.1/en-us/Index.html) under Extensions.
2. Next, we need to set up our blog. Under System > Blog > Setup a new Blog, the structure of our new blog was created. It should look like this:
A few basics every now and then :-): At our web agency, we are currently writing a small partial for the list output of the TYPO3 "blog" extension. We want to add our own text to the link provided by the blog extension rather than displaying the title, which is the default setting.
If you want to override the partials of the TYPO3 <code>blog</code> extension within a TYPO3 website (v9.5), for example to customize the list view, it is sufficient to add the following configuration to the Template Setup and then create the corresponding partials (in our agency, the file was \fileadmin\templates\ext\blog\Partials\List\Post.html):
At our agency, we carried out an update from TYPO3 v8 to TYPO3 v9. The template used was based on the TYPO3 extension gridelements. After the update, however, some elements in the website's frontend were styled incorrectly. In the website backend, it was apparent that the corresponding element layout was incorrectly configured under the "Appearance" tab. The reason for this is that the layout field in the tt_content table is modified during the core update.
At our web agency, we carried out an update from TYPO3 v8 to TYPO3 v9. The template used was based on the TYPO3 extension gridelements. After the update, however, some elements in the frontend were incorrectly positioned and styled. The same "mess" was visible in the website backend: the child elements had left their parent elements and were scattered around in the wrong order. The reason for this is that the colPos field in the tt_content table is modified during the core update. See also the GridElements documentation:
During the update of a TYPO3 website from version 8 to version 9 at our web agency, the following error occurred:
component="TYPO3.CMS.Core.Error.ProductionExceptionHandler": Core: Exception handler (WEB): Uncaught TYPO3 Exception #1234567890: No implementation found to handle given hash. This happens if the stored hash uses a mechanism not supported by current server. Follow the wiki link to fix this issue.
As a result, we were also unable to log in to the website's Install Tool via the URL /typo3/install.php. TYPO3 9 uses argon2i as its default password hashing method, but unfortunately, this was not available on the development server we were using. So, what can be done?
To allow the id attribute in h1 elements (or in any other element), only a few adjustments to the Rich Text Editor configuration files are required. This example refers to customizing the TYPO3 Introduction Package, but the approach can be applied to most other use cases as well.
If you receive the TYPO3 error message "Parse error: Data structure could not be resolved to a valid structure." in the backend when attempting to edit a content element, it is worth taking a look at \typo3\sysext\core\Classes\Configuration\FlexForm\FlexFormTools.php.
To customize an existing template in TYPO3 based on the Introduction Package, it is usually sufficient to work within the \typo3conf\ext\bootstrap_package\Resources\Private\Templates\Page\ directory. For example, to customize the three-column template, you can modify the file \typo3conf\ext\bootstrap_package\Resources\Private\Templates\Page\Default3Columns.html. However, if you want the option to add additional row structures above or below the existing three-column layout, this needs to be configured in the backend layouts.
If you are using the TYPO3 Bootstrap Introduction Package and want to extend the main menu to display 3 levels instead of the initial 2 levels, essentially only 2 areas need to be adjusted. First, in the setup.txt file (which can be found at \typo3conf\ext\bootstrap_package\Configuration\TypoScript\setup.txt), make sure that enough levels are available for display so that the MenuProcessor knows how many levels it should provide. Then, the corresponding template file needs to be extended to render the menu in the desired way. The Main.html file can be found at \typo3conf\ext\bootstrap_package\Resources\Private\Partials\Page\Navigation\.
To set German as the default language in TYPO3 (here: TYPO3 8.7.1), it is sufficient to assign the language parameters in the Template Setup. German is set as the default language and English as the second language. The Language ID and Language Codes are defined for each language:
In the version of the TYPO3 Introduction Package that we installed, two languages were configured by default: Danish and English. These needed to be changed to German and English, with German serving as the default language.
To do this, select the “List” option in the backend and click on the root directory of the site (the parent directory above the option with the globe icon). This is where you can configure the website languages.
... this may be because the newsletter signup was accessed via the domain "domain.tld", while the TYPO3 system is installed on the subdomain "www.domain.tld".
Step 1) Copy all files to the new server.
Step 2) Transfer all database contents to the new database.
Steigende Klickpreise und schlechte Leads liegen selten am Werbebudget. Sie liegen an falschen Daten. Weil Google Ads fast vollständig über Smart Bidding gesteuert wird, verbrennt der Algorithmus Geld, sobald die Conversion-Signale unpräzise sind.
Wer heute nach Dienstleistern, Software oder B2B-Lösungen sucht, tippt längst nicht mehr nur isolierte Keywords in die Google-Suchleiste. Immer mehr Entscheider formulieren komplexe Anfragen direkt in KI-Assistenten wie ChatGPT, Perplexity, Microsoft Copilot oder Google AI Overviews.
Das Problem dabei: In der generativen KI-Suche gibt es keine „Seite 2“ und oft nicht einmal mehr die klassischen zehn blauen Links. Die KI liefert eine direkte Antwort – und empfiehlt darin meist nur eine Handvoll ausgewählter Quellen und Anbieter.
Online commerce never sleeps, and neither does the technology behind it. For many e-commerce entrepreneurs, Shopware 5 was the reliable backbone of their success for almost a decade. But that era is now definitively over: With the official End-of-Life (EOL), the manufacturer has completely discontinued support for Version 5. Many shop operators are now asking themselves: “My shop is running stably – do I really need to take action immediately?”
In the digital world, trust can determine the difference between success and failure. Users do not buy from brands they do not trust. But how is this trust established when there is no personal contact and every brand is competing for attention?
Social media advertising offers enormous opportunities – but broad targeting wastes money and often achieves only limited impact. Micro-targeting, i.e. targeting very specific audiences, makes your ads more relevant, increases engagement, and reduces wasted reach.
In times of social media, paid ads, and content marketing, it is often forgotten that email marketing is one of the most effective channels for long-term customer retention and increasing sales. Despite new platforms, the direct line to customers through their inbox remains unbeatable.
A few days ago, Mittwald introduced its new M-Studio – a platform designed to replace the old customer center and prepare agencies and developers for the future. As an Internet agency, we work on projects every day where reliable hosting, simple management, and flexible tools are crucial.
The project start is crucial. Even before the first wireframe is drawn or the first line of code is written, the kick-off meeting lays the foundation for the project's success. And yet, this moment is often underestimated or handled too superficially. The rule is: Taking the time to create clarity at the beginning saves time, money – and nerves later on.
In the dynamic world of content marketing, it is no longer enough to simply produce high-quality content. Marketers must ensure that their content is not only visible but also effective. This is where AI-powered content scoring comes into play – a data-driven approach to evaluating, optimizing, and maximizing content performance.
Artificial intelligence (AI) has revolutionized marketing. It enables hyper-personalized campaigns, automated processes, and precise data analyses that were previously unimaginable. But with this power comes great responsibility. The question of how far companies should go when using AI technologies in marketing is increasingly becoming a focus of attention. This article examines the ethical challenges and shows how companies can use AI responsibly.
The rapid development of artificial intelligence (AI) has led to fascinating, but also controversial, technologies, including deepfakes. These AI-generated videos and images, which can depict people in deceptively realistic scenarios, offer both exciting opportunities and significant risks for online marketing.
Colors are powerful tools that go far beyond aesthetics. In web design, they play a crucial role in evoking emotions, building trust, and influencing user decisions. From selecting a product to interacting with a call-to-action button – the right color palette can make the difference between a successful and an unsuccessful design. In this blog post, we take a detailed look at the psychology of colors in web design and provide practical tips on how to make the most of color palettes.
In recent years, TikTok has rapidly evolved from a platform for viral dance videos into an important marketing platform. For businesses, TikTok offers a unique opportunity to reach target audiences in a creative and authentic way. But how can brands get the most out of TikTok? In this blog post, we show how businesses can score points with short videos and achieve organic reach.
Livestream Shopping – a combination of entertainment and e-commerce – has revolutionized the way people shop online. In countries such as China, it is already a billion-dollar industry, and interest is also growing rapidly in Western markets. But what is behind this trend, and how can companies use it to increase their sales and customer loyalty?
The way users search for products online is changing rapidly: In addition to traditional text search, visual search is becoming increasingly important. With tools such as Google Lens and Pinterest Lens, people can use images instead of text to find products, places, and information. Visual search offers e-commerce brands an exciting opportunity to gain more attention and reach. In this article, you will learn how visual search works and how you can optimally prepare your brand for it.
In today’s digital marketing landscape, content consistency is important, but constantly producing new content can be time-consuming. Content repurposing offers an efficient solution: By reusing and adapting existing content across different platforms, you can maximize reach and engagement without significant additional effort. Content repurposing not only saves time but also increases the likelihood that your target audience will see your content, whether as a video, blog post, podcast, or infographic.
Every device that is connected to the Internet, such as a website or a router, has a specific address known as an IP address, which is similar to a person's phone number. Just as we do not memorize all of our friends' phone numbers and instead use their names to find them in our contacts, we use domain names to visit websites without having to remember complicated IP addresses. This is where the Domain Name System (DNS) comes into play. Essentially, DNS is the phone book of the Internet.
Have you ever wondered what the internet would look like if it were more interactive? Google recently introduced an innovation called "Gemini", an AI model that could potentially even surpass the well-known AI tool "ChatGPT". Let's explore this revolutionary world together!
Do you want to build a business but don't know how to promote it? Then you've come to the right place. In this blog post, you'll find everything you need to know to reach your target audience with the right marketing. Our internet agency in Munich, Econcess, places great emphasis on an engaging design to appeal to a wide range of customers. If you're interested in a website for your company, feel free to get in touch with us. We specialize in customized solutions and offer professional support in implementing your digital projects.
B2B marketplaces are digital platforms that enable companies to sell their products and services to other businesses. In recent years, B2B marketplaces have become increasingly important in the business world and are now being used more and more frequently. They offer an excellent opportunity to connect with other companies and attract potential customers and partners. Before choosing a B2B marketplace, however, you should make sure that it is suitable for your company and that it serves your industry. In this blog article, we provide an insight into the world of B2B marketplaces and explain how to use them effectively.
A good presentation layout should not remain in the audience's memory or cause distractions. Instead, it should fade into the background and support the message it is intended to convey. It should also guide the audience through the presentation and provide a general overview of the topic. The following 6 tips will help you create your next presentation and show you which mistakes you can avoid.
Colors have a powerful subconscious meaning that influences every one of us. Their effect can vary greatly from person to person, meaning that colors are also perceived and interpreted differently by each individual viewer. They not only trigger different reactions, feelings and emotions, but also create very specific moods. These associations have long been used strategically in marketing – in product design, packaging design, web design, as well as interior design.
Bei der Corporate Culture („Unternehmenskultur “) handelt es sich um ein System gemeinsamer Werte, Einstellungen und Normen der Mitarbeiter eines Unternehmens. Dieses umfasst das Verhalten des Managements und das Verhalten der Mitarbeiter aller Hierarchieebenen. Meist handelt es sich dabei um dauerhafte Regeln, die sich mit der Zeit zu einem festen Bestandteil und einer Selbstverständlichkeit entwickelt haben. Generell kann also alles unter den Begriff Corporate Culture gezählt werden, was einen Betrieb individuell ausmacht.
Beim Corporate Behaviour („Unternehmensverhalten“) geht es um das Verhalten zu den Kundinnen und Kunden, zu den Geschäftspartnern, zu den Dienstleistern aber auch um das Verhalten zu den Mitarbeitern. Kurz gesagt ist das Corporate Behaviour die Handlungsweise des gesamten Unternehmens und das Verhalten der Mitarbeiter.
In principle, Corporate Communication ("corporate communications") encompasses all communication carried out by a company. It is divided into internal and external communication. The goal is to ensure consistent communication from company management to employees, suppliers and business partners, all the way through to the end customer. It must be clearly defined which content is to be communicated to which target audience and through which channels this should take place.
The corporate design (CD for short) refers to a conceptualized, consistent visual identity for a brand or company. This includes visually consistent product packaging and business stationery, as well as marketing activities that are visually aligned. The aim is to present the company as a unified entity both internally and externally.
Google regularly makes updates to Google Ads. We have summarized all important changes and their impact on your Google Ads account.
To assess the significance of your landing page and ads in relation to the selected keywords, you can look at the Quality Score.
The current Quality Score and its components are divided into four status columns: "Quality Score", "Landing Page Experience", "Ad Relevance" and "Expected Click-Through Rate".
The Accessibility Strengthening Act (BFSG) has now been in force for over a year. While many companies viewed June 2025 with concern and regarded accessibility purely as an annoying legal compliance requirement, digital practice paints a completely different picture: Accessible websites simply sell better.
So why is the place where people spend most of their time today not accessible?
Digital accessibility means that truly everyone – including people with disabilities – can use and interact with websites without restrictions. Whether it is a presentation website or an online shop: An accessible website is not a bonus – it is a fundamental requirement for inclusion and a good user experience.
Select your language
