Configure page setup 6. Customized settlement page publishing 7. Woocommerce assign payment page 1. The first step in optimizing seedprod installation and activating payment is to start seedprod and the plug-in to your computer. To access the woocommerce integration function of seedprod, at least the seedprod Pro plan is required. The
To get seedprod pro, click here to seedprod, and then install and activate the plug-in on the WordPress website. If you need help, follow these steps to install the word press plug-in: When the plug-in is activated, a welcome screen is displayed. You will be prompted to enter the seedprod license key. You can log in to your seedprod account and click the license key, details, and view links to find the key. The key can be copied from there and saved to the clipboard. Then paste the key into the required fields and click the confirm key button. The
Now scroll down the page and click the create first page button. Male then navigate to the landing page dashboard of seedprod. There are four page modes at the top of the page. Listing plan maintenance mode 404 log in to each page mode, and click once to activate a specific access page. For example, you can activate the upcoming mode and add an upcoming page to tell people about the new store. Alternatively, you can activate the 404 page mode to add a custom 404 error page to the site. And there is no need to install a separate word press plug-in. The
Below this section, a list of other pages created with seedprod is displayed. Since it has not been created, please click the \
This guide describes how to create and customize a woocommerce payment page from scratch using an empty template. This will provide a good overview of how easy it is to use seedprod. Therefore, hover over a blank template thumbnail and click the detect icon. After that, a pop-up window will appear asking for the name and URL of the page. You can change this setting later, so specify the desired name. Now click the \
There is a simple 2-panel layout. Left panel: used to create and customize page blocks and parts of the right panel: add content to the preview page in real time. Just drag the block from the left and place it on the right. We will show you how to do this in the next step. 3. let’s set the default settlement page structure before we start to customize the woocommerce settlement page of the settlement block on the page. In the right panel, click column options to select a page layout. Add a simple frame on the page as shown below. All page elements added here are located here. After that, you need to add woocommerce payment on the page. Scroll down from the left panel to the woocommerce section. Then click the checkout block and transfer
Drag to one of the columns created in. The woocommerce checkout form must now be displayed inside the login page design. When you click the checkout form, the left panel displays the checkout field editor and style settings. In this area, you can customize the woocommerce payment form in the following ways: Create Layout 1 or 2 column header font and color change settlement field font, text field, table row, color, spacing and border custom settlement button style, font and color change custom notification color add cart text, color Add custom fonts and colors in the border and font change payment details section. Now, clicking the template tab displays the various custom styles for the payment fields. Click style to add it to the payment form now. Before continuing, click the green save button in the upper right corner of the screen to save the progress. 4. custom settlement page design now, if the login page looks like what you want, let’s take a look at other ways to customize the woocommerce settlement page. Add headers to the woocommerce payment page. It is recommended to add headers to the payment page so that customers can find their way. Seedprod provides an easy implementation using sections. Click the sections tab next to the block panel. It shows several pre created layouts that you can click to add to the page. For example, click the title section to display 3 different title styles. Select the desired design, and then click the plus icon to import it into the design. By default, new sections are added to the bottom of the page. To move to the title area, hover over the area and click the move section icon. Then drag the entire section to the top of the page. Male then click the element in the title section to view the customization options in the left panel. For example, click the image block inside the title section to upload a new image as a logo. You can also delete the button block from the male header and replace it with a social configuration icon. Add the recommended product seedprod on the androg woocommerce payment page. The powerful woocommerce integration can easily cross sell and promote products and services on all access pages. With the extents of the product grid blocks, you can display the following: Select the recent product discount product best selling product main product highest score product maleproducts grid block, and drag it to the original position of the page. You can then click the block to view the settings in the left panel. In this panel, select the number of product columns to display, and add pagination in the product grid. You can also select a query type from the drop-down menu to filter the products displayed to visitors. You can then set up product orders as follows: You can also select to display the order popularity random evaluation title in ascending or descending order according to the date ID menu. Adding post use assessments and ratings to the checkout page is another good way to increase trust and reliability for the checkout page. If a prospect sees that people are positive about your product, they are more likely to complete the payment process than to abandon the shopping basket. To add a customer assessment to the woocommerce checkout page, drag the assessment block in the left panel and place it back in place on the page. You can then click the block to view the settings and add a customer assessment. It can contain any number of evaluations, or it can be represented by a sliding evaluation carousel. To change the global customization settings, the overall appearance of the woocommerce payment page can be changed using the global customization settings of seedprod. Gear icon in the lower left corner of the screen
Click. The global settings panel for fonts, colors, backgrounds, and custom CSS is displayed. After the font header is expanded, the font and thickness of the header and body can be changed. It is as simple as selecting Google fonts from the drop-down menu. Or click the font theme button to view examples of various font combinations. Just click here to apply to the page. The color part of the picture is also very similar. To view the color dropper tool, click color and select a separate color for the title, text, buttons, and so on. Or click the palette button to select from more than 20 pre designed color configuration tables. In the background section, you can change the background color, gradient and image. You can also add a video background or a full width slide show. Customize CSS finally, you can add custom code in the custom CSS section to further customize the woocommerce settlement page. If you are satisfied with everything, click the Save button. 5. if custom settlement page settings are applied, we will view several different settings that can be changed on the settlement page. The connection email list starts with email marketing settings. Seedprod makes it easy to connect landing pages to email lists. Click the connection at the top of the screen to view the various popular e-mail marketing services. Therefore, if you want users to subscribe to press releases on the checkout page, use this panel to connect to the email marketing service. Select your preferred provider and set it up according to the steps in the email integration document. On the same screen, you can connect the checkout page to thousands of applications through zapier, use Google Analytics to monitor website performance, and use reCAPTCHA to protect the website from spam. After connecting to the page setup configuration email list, click the page setup tab to view additional settings that can be configured in seedprod. Typically, the setup page has five sections, but this depends on the type of page built and the seedprod plan. Using the general settings general settings, you can change the name and URL of the woocommerce settlement page. You can also switch between publishing and drafting. To avoid plug-in conflicts and improve page speed, you can enable isolation mode. This will run specific header and footer scripts without performance impact. On the SEO and analysis SEO tabs, you can use the word press SEO plug-in to configure access to page title labels, meta descriptions, etc. For this reason, one of the best plug-ins is all-in-one SEO. The same is true of the analysis tab. Here, you can connect to common Google Analytics plug-ins and monitor the performance of access pages. Use monsterinsight for Google Analytics. If you need more details, please feel free to check out the monsterinsights comments. In the script area, you can add code to the page header, body, and footer. Track cookies, Facebook track pixels, or analyze scripts. If you are a pro plan user with a custom field androg seedprod, you can provide a custom field that is not connected to an existing website on the access page. For example, if you have not started and set up a new site, you can create an upcoming page in the seedprod of an existing site and point to the new site. This policy allows you to direct new subscribers to a list of future sites without reinstalling word press. After configuring the settings, save the changes and click the design tab again. 6. it is recommended to test on the mobile device before creating a customized payment page in real time and publishing the payment page.
If the payment page does not respond to mobile devices, it will not work properly on small touch screens such as tablets and smartphones. Users may give up shopping baskets because of frustration. The good news is that seedprod has a built-in mobile preview option to ensure that the page has mobile affinity. Just click the move icon at the bottom of the screen. Now, you can view the appearance of the settlement page on your mobile device and change all items that cannot be displayed or work properly. If everything looks good, it’s time to release it. Click the down arrow next to the green save button, and then click publish. A window will be displayed, and the prompt page will be published with □. To view the live preview, click the live page view button. Excellent work! Now there is a handsome customized woocommerce settlement page! 7. allocate the settlement page on woocommerce, and there is still one step left before you are ready to accept the order on the new settlement page. Must be set as the default payment page in woocommerce. To do this, go to woocommerce? Settings and click the Advanced tab. Then navigate to the checkout page title and select the page you just created from the drop-down menu. Do not forget to click the Save Changes button to save the settings. That’s all! Now you have learned how to customize the woocommerce checkout page using seedprod’s landing page builder. The woocommerce integration of seedprod makes it easy to control the design of online stores. The plug-in is not only fast and does not expand, but also easy to use. Beginners can create custom stores without hiring developers. Don’t you want to try it yourself? If you like to start seedprod now, follow it on Twitter and Facebook to see more useful content that can help your business grow.
