{"id":3608,"date":"2024-09-02T07:30:00","date_gmt":"2024-09-02T07:30:00","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/install-hyva-theme-in-magento-2\/"},"modified":"2025-07-16T12:00:43","modified_gmt":"2025-07-16T06:30:43","slug":"install-hyva-theme-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/install-hyva-theme-in-magento-2\/","title":{"rendered":"How To Install Hyv\u00e4 Theme In Magento 2: Step-By-Step Guide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Are you looking to supercharge your Magento 2 store with a sleek, high-performance theme? <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Hyv\u00e4 theme is just what you need. It is designed to enhance your store\u2019s speed, user experience, and overall performance.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The best part about this theme is you don\u2019t have to be a coding expert to install it. This guide will take you through the steps needed to install the Hyv\u00e4 theme in Magento 2 in a way that is easy to follow, even if you are a beginner.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s get started!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A Brief Overview Of The Hyv\u00e4 Theme<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/meetanshi.com\/blog\/what-is-the-hyva-theme\/\">Hyv\u00e4 theme<\/a> is a frontend solution for Magento 2 that can make your life easier. Unlike the traditional Magento themes, which are often complex, Hyv\u00e4 focuses on what really matters: speed, performance, and simplicity.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/09\/Magento-2-Hyva-Themes-edited.png\" alt=\"design configuration\" class=\"wp-image-55571\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Built with modern technologies like Tailwind CSS and Alpine.js, it is much faster and easy to manage. With these, here are other benefits of using Hyv\u00e4:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Makes your store loads faster, giving customers a better experience and boosting your SEO.&nbsp;<\/li>\n\n\n\n<li>With its simple and flexible framework, you can easily create unique designs that help your website stand out.&nbsp;<\/li>\n\n\n\n<li>It reduces the development and maintenance costs while delivering high-quality performance.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What Do You Need To Install Hyv\u00e4 Theme In Magento 2 Store?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Installing the Hyv\u00e4 theme on your Magento 2 store requires a few key components to ensure a smooth setup. Here\u2019s what you need:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Magento 2.4.3 Version Or Higher:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hyv\u00e4 theme is designed to work with Magento 2.4.3 version or above. So, if you are working on an older version, you will have to <a href=\"https:\/\/meetanshi.com\/blog\/how-to-upgrade-magento-2-to-latest-version\/\" target=\"_blank\" rel=\"noreferrer noopener\">update<\/a> it before installing the theme.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hyv\u00e4 License:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hyv\u00e4 is a premium theme, and you will have to purchase the <a href=\"https:\/\/meetanshi.com\/blog\/hyva-theme-license\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hyv\u00e4 license<\/a> to obtain the theme. This will give you access to the theme package and a private Packagist key for installing it via Composer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Compatibility:&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Since Hyv\u00e4 only uses modern PHP features, make sure your server is running PHP 7.4, 8.1, or 8.2 for optimal performance and compatibility.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Backup:&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Always backup your Magento store and its database to avoid any potential data loss. If anything goes wrong during the installation process, you can easily restore your site to a stable state.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How To Install Hyv\u00e4 Theme For Licenses?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a step-by-step Hyv\u00e4 theme guide to install for merchants and businesses:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong>&nbsp; Purchase your Hyv\u00e4 license from the official <a href=\"https:\/\/www.hyva.io\/\" target=\"_blank\" rel=\"noopener\">Hyv\u00e4<\/a> website. Once you do that, you will be given a private Packagist key, which is essential for installation.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2: <\/strong>Now, add your Packagist credentials to Composer. Here\u2019s the command &#8211;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> Next, add the repository to tell Composer where to find Hyv\u00e4 &#8211; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Replace <strong>&#8220;yourProjectName<\/strong>&#8221; with your actual project name.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> After this, use the Composer to install the Hyv\u00e4 theme and its dependencies- <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This command will automatically install other required modules, including Hyv\u00e4\u2019s email module and GraphQL tokens.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5:<\/strong> Once the theme is installed, update your Magento\u2019s database schema. Run this <code>command- bin\/magento setup:upgrade <\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This will ensure that everything is properly integrated and ready to use. Now it\u2019s time to activate your Hyv\u00e4 theme.&nbsp;\n<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2024\/08\/design-configuration.png\" alt=\"Magento 2 Hyva Themes edited\" class=\"wp-image-55457\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select the store view where you want to apply the Hyv\u00e4 theme. In the \u201cApplied Theme\u2019\u2019 dropdown, choose<strong> \u201cHyv\u00e4\/default\u201d<\/strong>, then save your configuration.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 7: <\/strong>In case your store is running in production mode, deploy static content to make sure the theme works as expected<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>bin\/magento setup:static-content:deploy<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This ensures that all the CSS and JavaScript files are properly generated and ready for the frontend.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 8:<\/strong> For the changes to take effect, flush Magento\u2019s cache: <code> bin\/magento cache:flush <\/code> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With this, you can see your new Hyv\u00e4 theme live in your store.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to customize the look and feel of your store, you can do it easily with <a href=\"https:\/\/meetanshi.com\/blog\/how-to-use-tailwind-css-in-magento-2-step-by-step-guide\/\">Hyv\u00e4 using Tailwind CSS<\/a> and a modular system that is highly customizable.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How To Install Hyv\u00e4 Theme For Technology Partners?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Installing the Hyv\u00e4 theme for technology partners takes a slightly different approach from regular merchants.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> For this, make sure you have access to the private Hyv\u00e4 repositories on GitLab.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Once you have access, Configure Composer to pull packages directly from GitLab. Run the following commands to authenticate and set up the necessary repositories:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>composer config repositories.Hyv\u00e4-themes\/magento2-theme-module git git@gitlab.Hyv\u00e4.io:Hyv\u00e4-themes\/magento2-theme-module.git<\/code><br><\/li>\n\n\n\n<li><code>composer config repositories.Hyv\u00e4-themes\/magento2-reset-theme git git@gitlab.Hyv\u00e4.io:Hyv\u00e4-themes\/magento2-reset-theme.git<\/code><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>composer config repositories.Hyv\u00e4-themes\/magento2-email-module git git@gitlab.Hyv\u00e4.io:Hyv\u00e4-themes\/magento2-email-module.git <\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> Next, install the Hyv\u00e4 theme along with its required modules. Simply follow the same installation steps given in the previous section.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> Then, proceed with updating Magento, activating the theme in the admin panel, and deploying static content just as described earlier.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Note: Installing the Hyv\u00e4 Theme for technology partners is a straightforward process, but it becomes even more beneficial when integrated with the latest advancements in the Hyv\u00e4 ecosystem. One such development is the recent&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/hyva-commerce-mollie-partnership\/\">Hyv\u00e4 Commerce and Mollie collaboration<\/a>, which offers seamless payment solutions for Magento stores.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Elevate Your Magento Store With Hyv\u00e4 Theme Services&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">By choosing the Hyv\u00e4 theme for your Magento 2 store, you are not just improving performance; you are redefining the shopping experience for your customers.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With its lean architecture, lightning-fast speed, and smooth integration with a wide range of extensions, Hyv\u00e4 makes your e-commerce store customer-friendly.&nbsp;If you need any help, our team can help you with <a href=\"https:\/\/meetanshi.com\/hyva-theme-development-service\">expert Hyv\u00e4 theme development services<\/a> for your store.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you looking to supercharge your Magento 2 store with a sleek, high-performance theme? The Hyv\u00e4 theme is just what you need. It is designed&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34,5869],"tags":[],"class_list":["post-3608","post","type-post","status-publish","format-standard","hentry","category-magento","category-hyva-themes"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=3608"}],"version-history":[{"count":7,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3608\/revisions"}],"predecessor-version":[{"id":25016,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/3608\/revisions\/25016"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=3608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=3608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=3608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}