Skip to content
How to add the beautiful product card to the pages created by PageFly

PageFly is one of the best Shopify page builder apps. It offers you plenty of tools to help you easily build landing page / product page / collection page. Thus, it also provides store owners with the listing generator to help them integrate the listing form into these pages. But if you don’t like PageFly’s default form, I suggest using product widgets to make a nice product card and then integrating it with PageFly.

Product Widgets is a free product card generator for Shopify that helps you add product variation options to your products, customize your product order form with beautiful palettes and fonts that are regularly updated to match the style and in your brand colors, then generate an embed code that you can copy and paste anywhere on the site.

This article will guide you on how to make a beautiful product card with product widgets, after embedding this code into the page created by the PageFly app.

First, you go to the Shopify app store here: and click Add an application to install this app for your Shopify store.

After successful installation, you open the app dashboard and click on the Create a new in the left menu, choose a product from the list, choose a product sheet template and click on the Following button.

Now you can customize the form of the product sheet.

How to add the beautiful product card to the pages created by PageFly

When the setting is complete, you click on the Save and integrate button. A dialog box including the embed code will appear. You click on the Copy code button to copy the embed code.

How to add the beautiful product card to the pages created by PageFly

You now return to the PageFly app and open the page you want to edit.

In the page builder dashboard, you need to click on the Add element> HTML / Liquid. After that drag and drop this item to where you want to display the listing. Now you will see the Open the code editor button in the right menu. By clicking on it.

How to add the beautiful product card to the pages created by PageFly

Paste the product widgets embed code in the text box and click Save and close button.

How to add the beautiful product card to the pages created by PageFly

Save the change and you’re done.

Hope this article is helpful to you.

{You are about to eat your e-store and it’s time to select a platform (or CMS). But you know this is not a decision to be taken lightly. The CMS you will use must above all: Be easy to use and configure. Be practical to customize. And of course, to be efficient. Be optimized for the SEO situation. Offer various additional marketing functionalities. That’s why today we want to tell you about one of the most popular CMS of the moment: Shopify. In this page, we will explain to you: What is Shopify and what is specific about it. The different costs it offers. Its advantages and disadvantages compared to other software. But beware, it does not end there, as a bonus we will give you a series of tips to improve the SEO of this platform if you finally opt for the latter. Let’s go ! [ ]What is Shopify and why you should plan to use it Unlike other e-commerce platforms, Shopify works like a SaaS (Software as a Service). This means that you do not have to install anything on your computer to use it since it is located in the cloud. in addition, the platform is responsible for configuring all the technical criteria of your store: the server, the payment gateway, the updates, etc. Thus, all you have to do is configure it and invite prospects . But beware, this comes at a price: to use Shopify, you will have to pay a monthly subscription. ✅ 1. How much does Shopify cost? In the beginning, Shopify gives you a 14-day free trial. But at the end of this period, you will need to subscribe to one of its paid plans to continue using it. Here are the three options available: Basic Shopify Plan ($ 29 / month): the easiest. It allows you to create unlimited products and categories. Shopify Plan ($ 79 / month): In addition to the previous features, this plan offers the ability to craft discount codes and best-result reports. Advanced Shopify Plan ($ 299): For larger establishments. If you have more than one external service provider, this plan will help you automatically calculate shipping costs with each. To this you must also add the tariff (between 2.4% and 1.8%, depending on the plan you have chosen) payment received by credit card. | 2. The thought of paying for a CMS might put you off, but tell yourself that Shopify users have only been stepping up lately. there is a reason, right?


Not all news on the site expresses the point of view of the site, but we transmit this news automatically and translate it through programmatic technology on the site and not from a human editor.