Jeg Font Preview – WooCommerce Extension WordPress Plugin

Introduction to Jeg Font Preview - WooCommerce Extension

As an e-commerce business owner, you understand the importance of presenting your products in the best possible light. One of the crucial aspects of an attractive and user-friendly online store is the typography used in product descriptions, prices, and other text elements. Jeg Font Preview is a powerful WordPress plugin that enables you to preview fonts on your WooCommerce store in a simulated environment, making it easy to choose the perfect font for your products. This tutorial will guide you through the process of setting up and using Jeg Font Preview to enhance the font choices on your WooCommerce store.

Step 1: Installing Jeg Font Preview - WooCommerce Extension

Before we dive into the usage tutorial, you'll need to install the Jeg Font Preview plugin on your WordPress site. Here's how to do it:

1. Log in to your WordPress dashboard and navigate to the Plugins section.
2. Click on the "Add New" button to begin installing a new plugin.
3. Search for "Jeg Font Preview" in the search bar.
4. Click on the "Install Now" button and then "Activate" to enable the plugin.
5. Once activated, Jeg Font Preview will appear as a new section in your WordPress dashboard.

Step 2: Setting up Jeg Font Preview

After installing the plugin, it's time to configure the settings. Follow these steps:

1. In the WordPress dashboard, navigate to the Jeg Font Preview settings section.
2. Under the "General" tab, select the font styles you want to enable previewing for (e.g., headings, body text, etc.).
3. Choose the font libraries you want to access from (e.g., Google Fonts, Font Awesome, etc.).
4. Configure the preview width and height settings to adjust the appearance of the preview box.
5. Save the settings to apply the changes.

Step 3: Enabling Font Preview for WooCommerce Products

To apply font preview to your WooCommerce products, follow these steps:

1. Go to the WooCommerce section of your WordPress dashboard.
2. Hover over the "Product" tab and click on "Product Attributes" to manage product attributes.
3. In the product attribute management page, find the "Font" attribute and check the box to enable font preview.
4. Adjust the font attribute settings to suit your needs, such as font family, font size, and text alignment.
5. Click "Save" to apply the changes.

Step 4: Viewing and Choosing Fonts

Now it's time to test out the font preview feature on your WooCommerce products:

1. Go to the WooCommerce frontend (your store's storefront) and find a product with the "Font" attribute enabled.
2. Hover over the product description or price text to display the font preview box.
3. Within the preview box, click on a font to select it.
4. If necessary, adjust the font settings using the preview box options.
5. Once satisfied with your font choice, save the changes.

Additional Tips and Troubleshooting

• Jeg Font Preview is compatible with most popular WooCommerce themes, but compatibility may vary depending on your specific theme.
• In rare cases, you might experience conflicts with other plugins. Try deactivating other plugins to resolve the issue.
• To access Jeg Font Preview settings, hover over the "Settings" button on the plugin menu in the WordPress dashboard.
• If you encounter any issues during setup or usage, refer to the Jeg Font Preview documentation or seek assistance from the plugin author or your web developer.

By following this tutorial, you should now have a working Jeg Font Preview installation, allowing you to enhance the typography on your WooCommerce store and provide a better shopping experience for your customers.