Please Vote For E-Сommerce Features
Dear Users And Subscribers,
We appreciate it if you spend your time to vote and answer questions about the e-commerce features you want on your websites. We need your opinion!
What's New in This Update?
- Payments Via PayPal
- Add Payment Button
- Payment Properties
- Payment Icon Tab
- Payment Product Tab
- Payment PayPal Tab
- Payment Modal Popup
- Payment Product List
- Payment Pay Area
- Publish Payments Live
- Payment Success
- Payment Errors
- Rotate By Custom Angle
- Home Page Improvements
- New Block and Page Designs
Payments Via PayPal
We have added the new Payment button, supporting Payments via PayPal.
You can add to websites built with your Nicepage Desktop Applications, WordPress Plugin, Joomla Extension, and Online Builder.
You can add the Payment Button from the Buttons section of the Add Panel.
Also, you can find it in the Products section of the Add Panel.
You can stylize this Button, like any other Button Element in Nicepage.
Payment Properties
Unlike other Buttons, the Payment has its Properties, which you can find in the Property Panel.
Payment Icon Tab
Choose the Icon for the Payment Button from the Context Toolbar.
Select the Payment Button and specify the properties in the Icon Tab. After you add the Icon, you will see the Checkmark in the Property Panel.
Payment Product Tab
You can specify the Product Name, Price, Currency, and, optionally, Description and SKU in the Product Tab for the selected Payment Icon.
Payment PayPal Tab
As said above, we supported only PayPal in this update, and you can specify the PayPal Client ID in the PayPal Tab.
Please read the article about assigning the PayPal Client ID to your website.
After you add the Payment Icon, you get the Payment Popup in the Modal Popups Panel of Quick Access.
You can also find the Payment Popup in the Page Navigator under the Block Thumbnail.
Product List In Payment Popup
The Payment Popup contains the Product List Element, as we plan to support multiple Products in the future, as you can have many Products shown in one Product Popup. You can stylize the Product Title, Price, and Description.
NOTE: The Popop shows the sample data, and you will see the Product you specified in the Product Tab on the Live website.
Payment Pay Area
We have added the new Pay Area, outputting the options of the payment systems to the live website.
in the current update, It outputs the PayPal options.
Publish Payments Live
Publish or export the site, and click the Payment Button live. If you correctly set the PayPal Client ID, you will see the PayPal payment buttons.
Payment Success
If your Payment is successful, you get the Success Message.
Payment Errors
You can also get the Error Message about the Payment failure or other errors. For example, the following message explains that you set the Prodict incorrectly.
Rotate By Custom Angle (Beta)
We have added the Rotate property for the Image and Shape Elements allowing you to spin them by a
custom angle.
In this update, you can modify this property by dragging the Rotate slider and entering the Value in the Property Panel for the selected Image or Shape.
Home Page Improvements
Our usability tests showed users had difficulty finding and setting the Home Page option. We have improved this functionality by showing the Icon in the Editor and Options.
The Home Page is now additionally marked with the checkbox in the Options.
You can see the Home Page checkmark and option on the Pages Panel of the Quick Access Pane.
We have also added the Home Page property to the Property Panel for the Page.
Fixed Issues
- Invalid messages in the Best Practice for adding many Elements
- Invalid display of added images in the My Images folder
- Invalid meta tags saved into the Page Settings for some user projects
- Invalid display of some pages in the HTML Blog on some user projects
- Malfunctioning of the Page Import in the Desktop Application for some user projects
- Malfunctioning of the Audio Element
- Malfunctioning of the Animation On Scroll applied to the Audio Element
- Malfunctioning of the Desktop Applications with some user projects
- Malfunctioning of the Animate Back on Scroll option for the Animation on Scroll
- WordPress: Malfunctioning of the theme sidebar on some user websites
- WordPress: Malfunctioning of the Plugin with Firewall flags on some user websites
- WordPress: Malfunctioning of the submission to Google Sheets on some user websites
- Joomla: Invalid Product image resolution
- Joomla: Invalid display of the Hamburger Menu Icon
- Joomla: Malfunctioning of the Extension on some user websites
- Joomla: Malfunctioning of the addition of the Menu Items with Extension on some user websites
- Joomla: Malfunctioning of the EngageBox extension on some user websites
Block and Page Designs
We have created new block and page designs up to this update.
## Please Vote For E-Сommerce Features
### Dear Users And Subscribers,
We appreciate it if you spend your time to [vote and answer questions](https://forms.gle/Funz5tjCV5KGa5pE6) about the e-commerce features you want on your websites. We need your opinion!
[!vote-ecommerce.png!](https://forms.gle/Funz5tjCV5KGa5pE6)
## What's New in This Update?
- Payments Via PayPal
- Add Payment Button
- Payment Properties
- Payment Icon Tab
- Payment Product Tab
- Payment PayPal Tab
- Payment Modal Popup
- Payment Product List
- Payment Pay Area
- Publish Payments Live
- Payment Success
- Payment Errors
- Rotate By Custom Angle
- Home Page Improvements
- New Block and Page Designs
## Payments Via PayPal
We have added the new Payment button, supporting **Payments via PayPal**.
You can add to websites built with your Nicepage Desktop Applications, WordPress Plugin, Joomla Extension, and Online Builder.
!payments-via-paypal.jpg!
## Add Payment Button
You can add the **Payment Button** from the Buttons section of the Add Panel.
!add-payment-button-buttons.png!
Also, you can find it in the **Products** section of the Add Panel.
!add-payment-button.png!
You can stylize this Button, like any other [Button Element](page:422576) in Nicepage.
## Payment Properties
Unlike other Buttons, the Payment has its Properties, which you can find in the Property Panel.
!payment-properties.png!
### Payment Icon Tab
Choose the **Icon** for the Payment Button from the Context Toolbar.
!payment-icon-toolbar.png!
Select the Payment Button and specify the properties in the **Icon Tab**. After you add the Icon, you will see the Checkmark in the Property Panel.
!payment-icon-tab.png!
### Payment Product Tab
You can specify the Product Name, Price, Currency, and, optionally, Description and SKU in the **Product Tab** for the selected Payment Icon.
!payment-product-tab.png!
### Payment PayPal Tab
As said above, we supported only PayPal in this update, and you can specify the PayPal Client ID in the **PayPal** Tab.
Please read the article about assigning the [PayPal Client ID](page:424214) to your website.
!payment-payments-tab.png!
## Payment Popup
After you add the Payment Icon, you get the **Payment Popup** in the Modal Popups Panel of Quick Access.
!payment-popup-quick-access.png!
You can also find the **Payment Popup** in the Page Navigator under the Block Thumbnail.
!payment-popup-page-navigoator.png!
### Product List In Payment Popup
The Payment Popup contains the **Product List Element**, as we plan to support multiple Products in the future, as you can have many Products shown in one Product Popup. You can stylize the Product Title, Price, and Description.
**NOTE:** The Popop shows the sample data, and you will see the Product you specified in the Product Tab on the Live website.
!payment-popup-product-list.png!
### Payment Pay Area
We have added the new **Pay Area**, outputting the options of the payment systems to the live website.
in the current update, It outputs the **PayPal** options.
!payment-popup-pay-area.png!
## Publish Payments Live
Publish or export the site, and click the Payment Button live. If you correctly set the [PayPal Client ID](page:424214), you will see the PayPal payment buttons.
!payment-live-site.png!
### Payment Success
If your Payment is successful, you get the **Success Message**.
!payment-product-success.png!
### Payment Errors
You can also get the **Error Message** about the Payment failure or other errors. For example, the following message explains that you set the Prodict incorrectly.
!payment-product-error.png!
## Rotate By Custom Angle (Beta)
We have added the **Rotate** property for the Image and Shape Elements allowing you to spin them by a
custom angle.
In this update, you can modify this property by dragging the Rotate slider and entering the Value in the Property Panel for the selected Image or Shape.
!rotate-custom-angle.png!
## Home Page Improvements
Our usability tests showed users had difficulty finding and setting the **Home Page** option. We have improved this functionality by showing the Icon in the Editor and Options.
The Home Page is now additionally marked with the checkbox in the Options.
!options-home-page.png!
You can see the **Home Page** checkmark and option on the Pages Panel of the Quick Access Pane.
!pages-home-page.png!
We have also added the **Home Page** property to the Property Panel for the Page.
!property-panel-home-page.png!
## Fixed Issues
- Invalid messages in the Best Practice for adding many Elements
- Invalid display of added images in the My Images folder
- Invalid meta tags saved into the Page Settings for some user projects
- Invalid display of some pages in the HTML Blog on some user projects
- Malfunctioning of the Page Import in the Desktop Application for some user projects
- Malfunctioning of the Audio Element
- Malfunctioning of the Animation On Scroll applied to the Audio Element
- Malfunctioning of the Desktop Applications with some user projects
- Malfunctioning of the Animate Back on Scroll option for the Animation on Scroll
- WordPress: Malfunctioning of the theme sidebar on some user websites
- WordPress: Malfunctioning of the Plugin with Firewall flags on some user websites
- WordPress: Malfunctioning of the submission to Google Sheets on some user websites
- Joomla: Invalid Product image resolution
- Joomla: Invalid display of the Hamburger Menu Icon
- Joomla: Malfunctioning of the Extension on some user websites
- Joomla: Malfunctioning of the addition of the Menu Items with Extension on some user websites
- Joomla: Malfunctioning of the EngageBox extension on some user websites
## Block and Page Designs
We have created [new block and page designs](https://nicepage.com/html-templates) up to this update.
[!new-designs-512.jpg!](https://nicepage.com/html-templates)