Docs – Astra https://wpastra.com Fast, Lightweight & Customizable WordPress Theme for Any Website Thu, 04 Apr 2024 08:09:38 +0000 en-US hourly 1 https://wordpress.org/?v=6.5 https://wpastra.com/wp-content/uploads/2024/03/astra-favicon.png Docs – Astra https://wpastra.com 32 32 How to Enable Single Page Import Button with White Label https://wpastra.com/docs/enable-single-page-import-button/ https://wpastra.com/docs/enable-single-page-import-button/#respond Thu, 04 Apr 2024 07:48:32 +0000 https://wpastra.com/?post_type=docs&p=176108 This document addresses an issue with the Single Page Import Button disappearing within Starter Templates when Astra’s white label functionality is enabled.

Issue: Following the introduction of the “All new AI-based Template Kit library” in Starter Templates v3.5.0, the Single Page Import Button functionality was unintentionally affected by Astra’s white labeling for starter templates. This resulted in the button disappearing when white labeling was active.

Cause: The white label condition was not implemented for the updated Single Page Import Button within Starter Templates v3.5.0. While an older button in a similar location functions correctly with white labeling, the newer button was unintentionally impacted.

Solution: To resolve this issue and ensure the Single Page Import Button functions with Astra’s white labeling for Starter Templates, you can implement the following code snippet:

add_filter( 'ast_block_templates_white_label', '__return_false', 999 );

In this video, you’ll see the Single Page Import Button reappear after adding the code snippet to functions.php. However, since Astra’s white labeling for Starter Templates is configured as “testing”, the button displays the label “Testing” instead of the usual “Template Kits.”

Thus by implementing the provided code snippet, you can restore the functionality of the Single Page Import Button within Starter Templates, which allows you to import templates seamlessly even with Astra’s white labeling active.

We hope this document has been helpful.

If you encounter any challenges or have further questions about adding the code snippet, feel free to leave your comment below or reach out to our support team. We will be happy to assist you.

]]>
https://wpastra.com/docs/enable-single-page-import-button/feed/ 0 Docs nonadult
How to Set Up Your E-Commerce Store With Starter Templates https://wpastra.com/docs/setup-your-e-commerce-store/ https://wpastra.com/docs/setup-your-e-commerce-store/#respond Wed, 03 Apr 2024 09:02:45 +0000 https://wpastra.com/?post_type=docs&p=176015 With Starter Templates, you can integrate your preferred E-Commerce platform while importing selected website templates for your online business.

Currently, we have two options for your E-Commerce website:

  1. SureCart
  2. WooCommerce

Let’s walk through the steps!

Selecting E-Commerce Platform

First, ensure you have Starter Templates installed and activated on your WordPress dashboard.

1. Go to Appearance > Starter Templates.

2. Click on the Build with Templates button, then choose any preferred page builder.

3. Select this E-Commerce dropdown to specifically access online business templates.

4. Pick your desired template and click on it. For instance, let’s choose the first template we see:

5. Choose one of the E-Commerce platforms for your website and click Continue.

Depending on your choice, you’ll receive account setup and cart options.

Follow the next steps to further customize the template according to your preferences. Once completed, your chosen e-commerce plugin will be integrated into your website.

Now you can begin setting up your store and tailor it to fit your business and product offerings!

Setting Up Your E-Commerce Store Using AI Builder

If you’re using our AI website builder to set up your E-Commerce site, you can easily incorporate SureCart as your E-Commerce platform. Here’s how:

1. Select the AI Website Builder when importing templates.

2. Enter your website information and proceed to the Features section. Here, select the Donations checkbox.

This will integrate SureCart into your website. Although this feature is initially designed for donations, you can adapt it to meet your E-Commerce requirements as well.

That wraps up this guide!  We hope you found it helpful. For further assistance, please don’t hesitate to reach out to us.

]]>
https://wpastra.com/docs/setup-your-e-commerce-store/feed/ 0
How to Enable Brizy Page Builder In Starter Templates https://wpastra.com/docs/enable-brizy-page-builder/ https://wpastra.com/docs/enable-brizy-page-builder/#respond Fri, 29 Mar 2024 09:54:02 +0000 https://wpastra.com/?post_type=docs&p=175949 Starter templates offer the flexibility to select your preferred page builder for building and personalizing your website layouts.

Brizy page builder is among the page builders compatible with starter templates.

This article will guide you in setting up and using the Brizy page builder right in your WordPress dashboard.

Enabling Brizy Page Builder from Your WordPress Dashboard

To do this, head over to your WordPress dashboard and follow these steps:

  • Navigate to Settings > General.
  • Tick the checkbox labeled “Enable Brizy Page Builder Templates in Starter Templates”.
  • Click the Save Changes button below to apply these changes.

Now, you’ll have access to the Brizy page builder option when importing classic templates.

Previewing Your Changes

Let us verify whether Brizy has been added to our website or not.

Navigate to Plugins > Installed Plugins and click on the “Get Started” option under your Starter Templates plugin.

You will see an option to select the Brizy after selecting classic templates. 

If you don’t see this screen, select Brizy from this dropdown menu on the next page.

Editing your website pages is now possible with this builder. Simply click “Edit with Brizy” to make changes.

That’s it! We hope this article helps you. For any further assistance, please reach out to our support team. We’re always here to help.

]]>
https://wpastra.com/docs/enable-brizy-page-builder/feed/ 0
Astra Widget Translation with Polylang https://wpastra.com/docs/astra-widget-translation-with-polylang/ https://wpastra.com/docs/astra-widget-translation-with-polylang/#respond Fri, 29 Mar 2024 09:22:22 +0000 https://wpastra.com/?post_type=docs&p=175940 Astra provides widget options in the Header and Footer and the widget translation works differently in Poylang. This document will show you how you can translate Astra widgets with Poylang.

Before moving further, please check this help document to learn more about making Astra multilingual with Polylang.

Widget translation with Poylang

With Polylang, you get the option to choose the language for each widget, allowing you to display specific widgets in different languages.

Translating the widgets in Polylang became different with the introduction of Block widgets in WordPress 5.8. This affects all the widget’s placement including the Astra Header Footer and Sidebar.

The ability to select languages for Block widgets is available only with the Polylang Pro plugin installed. Without Polylang Pro, you can only translate Legacy or Classic widgets.

How to Translate Astra Widgets with Polylang?

You can follow the below steps to translate with widgets added to the Astra Header, Footer, or Sidebar with Polylang.

For the Legacy or Classic Widgets:

1. Navigate to the Customizer and add the widgets to the Header, Footer, or Sidebar according to the requirements.

2. For the Legacy widgets such as Navigation Menu, Meta, etc. you get the option to select the language

3. You can add multiple such widgets and select the Language condition accordingly.

4. You can also translate the Classic widget’s text from the string translation section of Poylang as shown in the below screenshot:

For the Block Widgets:

1. Add the widgets to the website using Astra Header, Footer, or to the sidebar and publish the changes in the customizer.

2. Install the Polylang Pro plugin if you haven’t already installed it.

3. Navigate to WP Dashboard > Appearance > Widgets and select the widget placement where the widgets are added. Such as Footer Builder Widget 3 or Main Sidebar, etc.

4. Now, select the widget that you want to translate. In the right panel, you will see the option to select the language for the widget.

7. Save the changes and the widgets shall appear according to the selected language.

You may repeat the same process with all the widgets. If you wish to not use the Poylang Pro then you may need to switch the widgets to the Classic Widgets.

Please note the above guide is for only the widgets. The other translation shall work as usual. You may check this article to learn more about translating Astra Strings with Poylang.

We hope this clarifies how Polylang works with widgets. If you have any further questions, feel free to ask. We’re here to help!

]]>
https://wpastra.com/docs/astra-widget-translation-with-polylang/feed/ 0
How to Set Block Editor as the Default Page Builder In Starter Templates https://wpastra.com/docs/set-default-block-editor/ https://wpastra.com/docs/set-default-block-editor/#respond Thu, 28 Mar 2024 05:50:27 +0000 https://wpastra.com/?post_type=docs&p=175899 If you wish to eliminate the page builder selection screen and set the Block Editor as the default while using Starter Templates, this article is just for you.

This screen is visible while importing classic starter templates.

Here’s how you can remove it:

How to Remove the Page Builder Selector Screen from Starter Templates 

To remove the page builder selection screen, you’ll need to add the following code to your child theme’s functions.php file.

Note: It’s advisable to edit the functions.php file within the child theme rather than directly in the parent theme.

add_filter( 'st_enable_block_page_builder', '__return_true' );

You can add this code by any one of the following methods:

Adding Code Directly to Your functions.php File

  • Navigate to Appearance > Theme Editor > functions.php and paste the above code at the end. 
  • Click on the Update File button to save this change.

Check this article for guidance on adding custom code to your WordPress sites.

Adding the Code Using Code Snippet Plugins

If you don’t want to tamper with your functions.php file directly, consider using free plugins like Code Snippets to add the above filter.

For example, here’s how you can add the same code using the Code Snippets plugin:

  • Install and activate your preferred code snippet plugin. In our case, it is Code Snippets.
  • Navigate to Snippets > Add New and add the above code to this section. Optionally, give this snippet a name and description.
  • Click on the Save Changes and Activate button once done.

The page builder selection screen will be removed from Starter Templates now!

Previewing Your Changes

Let us verify whether the page builder selection is actually removed or not:

Navigate to Plugins > Installed Plugins and click on the “Get Started” option under your Starter Templates plugin.

The page builder screen isn’t visible anymore and Block Editor is set as the default page builder automatically!

That’s it! We hope this article helps you. For any further assistance, please reach out to our support team. We’re always here to help.

]]>
https://wpastra.com/docs/set-default-block-editor/feed/ 0
Enable or Disable Beaver Builder While Importing Starter Templates https://wpastra.com/docs/beaver-builder-visibility-page-builder-dropdown/ https://wpastra.com/docs/beaver-builder-visibility-page-builder-dropdown/#respond Tue, 26 Mar 2024 13:23:06 +0000 https://wpastra.com/?post_type=docs&p=175874 You can select the page builders you want to use with Starter Templates and skip the ones you don’t need.

You can also decide if a particular page builder shows up in the dropdown or not. This dropdown is displayed while importing classic starter templates.

You can do this by turning them on or off in your WordPress settings or using a quick filter in your functions.php file.

This article will walk you through both of these incredibly simple methods.

Let’s begin!

How to Enable/Disable Beaver Builder From Your WordPress Dashboard

Head over to your WordPress dashboard and follow these steps:

  • Navigate to Settings > General.
  • Check the box next to the “Disable Beaver Page Builder Templates in Starter Templates”
  • Click on the Save Changes button to apply these changes.

The Beaver Builder option will now disappear from the page builder dropdown.

Disabling Beaver Builder Using WordPress Filters

Note: It’s advisable not to edit the functions.php in the parent theme directly. If you prefer to modify the functions.php file directly, it’s recommended to do so on the child theme.

Alternatively, you can disable the Beaver Builder dropdown option using WordPress filters.

Simply add the following filter to your functions.php file located at Appearance > Theme File Editor > functions.php:

update_option( 'st-beaver-builder-flag', 1 );

Check out this article for information on adding custom code to your WordPress sites.

If you don’t want to tamper with your functions.php file, consider using free plugins like Code Snippets to add the above filter.

Previewing Your Changes

Check if these changes were applied successfully in your Starter Templates plugin.

To do this, go to Plugins > Installed Plugins and click on the “See Library” option under your Starter Templates plugin.

Move on to the next steps until you see this screen. Click on the page builder dropdown:

As you can see, there are only three options here and the option for Beaver Builder is no longer visible.

If you want to make Beaver Builder visible again in the dropdown, just remove the check next to the “Disable Beaver Builder Page Builder Templates in Starter Templates” or remove the above filter.

That’s it! If you face any issues enabling or disabling the Beaver Builder dropdown, please reach out to us. We’re always here to help!

]]>
https://wpastra.com/docs/beaver-builder-visibility-page-builder-dropdown/feed/ 0
How to Create a Multilingual Website Using Starter Templates https://wpastra.com/docs/multilingual-website-using-starter-templates/ https://wpastra.com/docs/multilingual-website-using-starter-templates/#respond Wed, 20 Mar 2024 12:23:58 +0000 https://wpastra.com/?post_type=docs&p=175642 With Starter Templates AI Website Builder, you can easily build websites in different languages. This means more people around the world can use your website.

For example, let’s say you’re a travel blogger who wants to share your adventures with a wider audience. By using this AI Website Builder to create your website in Spanish, you can connect with Spanish-speaking travelers who may not understand English well. This means more people can enjoy your content and follow along with your journey.

In this document, we’ll learn how easy it is to use this AI Website Builder to create multilingual websites.

Let’s begin!

  • Navigate to Appearance > Starter Templates.
  • Select the Try the New AI Builder option on the following screen.
  • Connect your website to your ZipWP account to proceed. If you haven’t signed up yet, you can do it for free here.
  • Select the language for your website here. For this example, let’s choose Spanish.
  • Click on the Continue button and finish building the rest of your website.

You’ll observe that the website content is now displayed in Spanish!

By following these simple steps, you can reach audiences around the globe with ease. We hope this guide helps you. For any questions, contact our support team.

]]>
https://wpastra.com/docs/multilingual-website-using-starter-templates/feed/ 0
How to Enable/Disable Elementor in this Page Builder Dropdown https://wpastra.com/docs/manage-elementor-visibility-in-dropdown/ https://wpastra.com/docs/manage-elementor-visibility-in-dropdown/#respond Mon, 04 Mar 2024 12:47:13 +0000 https://wpastra.com/?post_type=docs&p=175014 You can select the page builders you want to use with Starter Templates and skip the ones you don’t need.

You can also decide if a particular page builder shows up in the dropdown or not. This dropdown is displayed while importing the starter templates.

You can do this by turning them on or off in your WordPress settings or using a quick filter in your functions.php file.

This article will walk you through both of these methods.

Let’s begin!

Enabling/Disabling Elementor From Your WordPress Dashboard

Head over to your WordPress dashboard and follow these steps:

  • Navigate to Settings > General.
  • Check the box next to the Disable Elementor Page Builder Templates in Starter Templates.
  • Click on the Save Changes button to apply these changes.

The Elementor option will now disappear from the page builder dropdown.

Adding a Filter

Note: It’s advisable not to directly edit the functions.php file in the parent theme. If you prefer to modify the functions.php file directly, it’s recommended to do so on the child theme.

Alternatively, you can do this by modifying your functions.php file with the following code:

update_option( 'st-elementor-builder-flag', 1 );

You can also consider using free plugins like Code Snippets or My Custom Functions to add the above custom code without editing the file directly.

You can refer to the steps outlined in this article for detailed guidance.

Preview Your Changes

Check if these changes were applied successfully in your Starter Templates plugin.

To do this, go to Plugins > Installed Plugins and click on the See Library option under your Starter Templates plugin.

Move on to the next steps until you see this screen. Click on the page builder dropdown:

As you can see, there are only two options here and the option for Elementor is no longer visible.

If you want to make Elementor visible again in the dropdown, just remove the check next to the “Disable Elementor Page Builder Templates in Starter Templates” again.

That’s it! If you face any issues enabling/disabling Elementor, please reach out to us. We’re always here to help!

]]>
https://wpastra.com/docs/manage-elementor-visibility-in-dropdown/feed/ 0
Why You Need to Connect Starter Templates with ZipWP AI Website Builder https://wpastra.com/docs/starter-templates-with-zipwp-ai/ https://wpastra.com/docs/starter-templates-with-zipwp-ai/#respond Fri, 23 Feb 2024 16:51:41 +0000 https://wpastra.com/?post_type=docs&p=174785 Starter Templates offer pre-built designs for websites, making it simpler for businesses to begin their online presence.

Even with templates, refining a website to suit your needs might take a bit of time. You’ll need to fine-tune designs to fit your branding, content, and functionality needs, which adds a layer of detail to your site-building process.

That’s where ZipWP AI Website Builder comes in. It helps by providing personalized AI assistance to create complete websites, almost ready for publishing, including popular pages and images.

This document explores why combining Starter Templates with ZipWP AI Website Builder improves website creation.

Note: For guidance on integrating Starter Templates with ZipWP, refer to this article.

Why Should You Connect Starter Templates With ZipWP?

Starter Templates and ZipWP AI Website Builder are designed to easily integrate, offering users an efficient workflow for website customization.

This ensures that you can use the full potential of both platforms without encountering any compatibility issues.

To build your website using AI, we use advanced models developed by ZipWP. To use them, you just need to create an account or login to an existing one using your Google credentials or your email address for ZipWP.

You need to install the Starter Templates plugin on your dashboard and select Try the New AI Builder option while importing your templates.

Create or connect your existing ZipWP account.

That’s it! You can now use all of the AI features of ZipWP with your Starter Templates plugin. Here are some of these features provided by ZipWP:

Add Built-In Features

When setting up your ZipWP website, you’ll find a range of built-in features available right from the start. These features are designed to enhance your website’s functionality and user experience. 

Here are some of its key features.

For more information on these features, please check out this article.

Write Business Descriptions Using AI

While creating your website, you will see an option that says Write Using AI

This will help you write completely new business descriptions based on your chosen business name and the type of business you selected.

If you don’t like the generated description, ZipWP can further help you refine this description. 

This can be done by clicking on the Improve Using AI option that’s visible after entering the business description.

Select Images Relevant to Your Business

ZipWP will suggest images for your website based on the business type you selected. 

AI will suggest images designed specifically for your business, so you don’t need generic filler content.

You can select as many of them as you want and sort them according to portrait or landscape as well.

Website Designs Recommended By AI

ZipWP offers pre-built website structures and layouts specific to various industries (e.g., restaurants, portfolios, e-commerce). This eliminates the need to start from scratch, saving substantial time and effort.

You can choose any option that suits your preference.

Additional Customizations Options – Starter Templates

Along with these, Starter Template’s own customization features such as colors, typography, and more help you further improve your website creation process.

That’s it! We strongly encourage you to use Starter Templates with ZipWP to access these amazing features. 

If you encounter any issues during the process, please don’t hesitate to reach out to us.

]]>
https://wpastra.com/docs/starter-templates-with-zipwp-ai/feed/ 0
How to Change the Background Color of Product & Shop Pages in Astra? https://wpastra.com/docs/change-background-color-of-product-shop-pages/ https://wpastra.com/docs/change-background-color-of-product-shop-pages/#respond Thu, 22 Feb 2024 11:23:06 +0000 https://wpastra.com/?post_type=docs&p=174680 Astra Pro allows you to customize the color scheme of individual pages, this document specifically focuses on customizing product and shop pages within WooCommerce.

Background Color of Product & Shop Pages in Astra

WooCommerce is an e-commerce plugin integrated with WordPress. Among the various customization preferences users have, altering the background color of product, cart, and checkout pages is a notable demand.

When it comes to adjusting the background color of the Shop/Product Page, Astra Pro provides a convenient solution through its meta settings.

In the earlier version (pre-4.4.0), Astra Pro offered only two background options: one for the entire site and one for the content. However, the latest update has introduced an enhancement, allowing users to independently adjust the background color for each page.

Why Astra Page-Specific Settings?

Astra Pro Page-Specific Settings play a crucial role in enabling users to override global settings for site and content backgrounds.

This means you have complete control over the visual presentation of each page, offering a level of customization that was previously unavailable.

Now, you can adjust your page and content background on each page. It’s like giving each page its own style. The options we had before applied the same look to the entire site. Now, you can get creative and make each page stand out.

Here’s how you can do it.

Adjusting Individual Page Colors

  • Install Astra Pro and activate the Colors & Background module on the Astra dashboard.
Colors & Background
  • You will find all of your WooCommerce website pages at Pages > All Pages. Choose the ones that you want to modify.
Pages > All Pages

You can now edit these pages as you like and save the changes.

For a visual demo on how to do this, refer to the following video.

Screen Recording at 2024-02-17 at 02-52-53.gif

This approach is applicable not only to the Shop page but also to Product, Single Product, Cart, and Checkout pages.

We trust that this guide has been informative and valuable for your customization endeavors! If you have any questions, please feel free to reach out!

]]>
https://wpastra.com/docs/change-background-color-of-product-shop-pages/feed/ 0