angelleye / divi-paypal

PayPal module for the Divi theme by Elegant Themes.

PayPal for Divi

This plugin adds a PayPal module to the Divi theme by Elegant Themes.

The module makes it quick and easy to add PayPal Buy Now and Donate buttons to your website through the Divi theme tools.

---

Requirements

• PHP version 5.3+.
• WordPress 3.8+
• Divi Theme by Elegant Themes.

Installation

Automatic Installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don't need to leave your web browser. To do an automatic install of PayPal for Divi, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type PayPal for Divi and click Search Plugins. Once you've found our plugin you can view details about it such as the the point release, rating and description. Most importantly of course, you can install it by simply clicking Install Now.

Manual Installation

1. Unzip the files and upload the folder into your plugins folder (wp-content/plugins/) overwriting old versions if they exist.
2. Activate the plugin in your WordPress admin area.

Usage

• From the Divi Builder, add the PayPal Button module to your page / post.
• Use the module options to build a PayPal button that suits your needs.

divi-paypal's Issues

Settings Adjustment

Big downside to this.... the account information is in EACH button. I think most would agree that there should be a master setting with an encrypted paypal api code. Then when adding a button it only has to ask you the item details, not the account details each time. Not only does that save time, it would be much safer. Not to mention if you design a site for someone and their PayPal details change you would not have to edit a ton of buttons, just the main setting.

Git README file.

Right now we have a README.md file, but it's not really setup. We need to go ahead and add inforamation in there so our GitHub repo page looks good.

For example, you can take a look at the PayPal class library repo and review the README page there to see how it was put together.

We need to make this one look good and provide info for obtaining the plugin, installing it, maybe show some screenshots, etc.

Redirect URL option in settings isn't pulling all available pages..??

• https://wordpress.org/support/topic/redirect-url-not-showing-all-pages

Add Return URL and Cancel URL Options

We need to add the following settings to the button module settings:

• Return URL
• Cancel URL

The user should be able to choose from a drop down list of their current WordPress pages to set these values.

If populated, they would map to the HTML form in the following fields...

<input type="hidden" name="return" value="$ReturnURL" />
<input type="hidden" name="cancel_return" value="$CancelURL" />

Add a PayPal logo as the icon for the module.

Need to add a PayPal icon/logo on the PayPal Button module selection screen...

We can use this icon...

http://fontawesome.io/icon/paypal/

Button Issue..??

I have the "Use Custom Button" option set as No in the module settings, so I expect to see a default PayPal hosted image as the button, but instead I'm getting the basic text only button:

We should use the PayPal dynamic hosted buttons by default: https://developer.paypal.com/docs/classic/express-checkout/integration-guide/ECButtonIntegration/

Portfolio Page

Need to create a portfolio page for this product on the website.

PayPal WP Button Manager Compatibility

I'd like to make this Divi module pick up any buttons that have been created by our PayPal WP Button Manager if installed.

So if you're not using the button manager then you can build the basic buttons directly into Divi like we've done. If you are using the button manager, then the Divi module would display a drop down or some other method of selecting the PayPal button(s) that you want to add to that particular module.

In a way, this may be available already. As it stands our Button Manager plugin should be adding a shortcode icon to the WYSIWYG editor that allows you to easily add buttons you've created. I've never looked to see if that is available in the Divi Builder editors or not..??

Restructure plugin files to fit within standard boilerplate.

We need to go ahead and get this plugin moved into the boilerplate structure: https://github.com/DevinVinson/WordPress-Plugin-Boilerplate/tree/master/plugin-name

Buttons not showing up in the drop-down menu..??

• https://wordpress.org/support/topic/button-dropdown-menu-not-displaying-options/

Here's a video provided by the user showing the issue she's having: https://vimeo.com//220905317

Plugin Support Links

Need to add links to the plugin to documentation, support, etc. similar to our other plugins...

You can see how PayPal for WooCommerce and PayPal IPN for WordPress have Docs, Support, Write a Review, etc.

You can get the link placeholders added and then I will set the actual URLs once I have them added on the website.

dont' show shipping,tax,handling amount if empty

Currently in the form if shipping,handling,tax amount not fill up
it is showing that input tags with empty value.
We don't want to show if empty.

Maintain directory structure for plugin

Plugin Template

I'd like to build a plugin that adds custom PayPal modules to the Divi theme by Elegant Themes so that people using Divi can easily drop PayPal buttons into their site using a module just like they would other modules in Divi.

This seems to be a good introduction to how to build a custom module for Divi: http://stackoverflow.com/questions/31565287/how-to-create-custom-divi-module

Notices

Hi @tejasm-itpath

Please take a look at following screenshots, I have installed Divi theme, then Button manager then Paypal for divi, created button, added my paypal details for Paypal for DIVI too.

Then I went ahead to create a page with the PP button and if the divi builder preview window saw notice as below picture.

After save and exit , I saved the page and saw following notices on the desktop.

Can you give a fix to these, please? Let me know if you need any information on this.

Divi 3.1 Dev API

The new developer API should allow us to more tightly integrate our buttons and make them work with the visual designer

Plugin Conflict..??

• https://wordpress.org/support/topic/causing-divi-builder-in-backend-to-time-out/
• https://wordpress.org/plugins/shortpixel-image-optimiser/

So… I have narrowed it down as you have requested…

When all plugins but yours are deactivated the issue is gone…

I made an assumption when I got down to it that that was it, not thinking past it, that it might be combining with another plugin lower down.. Perhaps partly because they are pretty much all tried and true plugins I have been using a long time, well supported and updated…

It is the ShortPixel Image Optimizer plugin that your plugin is hooking up with to cause this issue… When just the two of them are active the issue occurs… When either by themselves is active it goes away…

Cursor not switching when you roll over the button..??

Typically when you roll over a PayPal button with your cursor it will switch to a hand that shows the item is clickable. For some reason this is not happening with our buttons here.

Demo Video

Need to create a basic demo video for the plugin and then add it to...

• YouTube Channel
• WP directory page
• Website Product Page
• Website Portfolio Page

WordPress Plugin README

We need to create our readme.txt file for the WordPress plugin. Take a look at the readme.txt for PayPal for WooCommerce: https://github.com/angelleye/paypal-woocommerce/blob/release/readme.txt

That file is what generates this: https://wordpress.org/plugins/paypal-for-woocommerce/

so the tabs for Description, Installation, FAQ, Screenshots, and Changelog come from the plugin's readme.txt file.

We need to build the readme.txt for this plugin, and we also need to create graphics for the plugin including screenshots. For example, in the SVN repo for the WordPress plugin, you'll see in the assets folder are the images that get output on that WordPress plugin directory page. It also includes an icon for the search results when browsing for plugins within the WordPress admin panel. So you'll notice PayPal for WooCommerce has the following images in the /assets folder:

• banner-1544x500.jpg
• banner-772x250.jpg
• icon-128x128.png
• icon-256x256.png
• screenshot-1.jpg
• screenshot-2.jpg
• screenshot-3.jpg
• screenshot-4.jpg
• screenshot-5.png

So we need to create some screenshots, then save them following the same format as above with the numbers matching the descriptions in our readme.txt file.

The banner images and icon images just need to go in the assets folder for the plugin. This assets folder is not part of this repo, though, so I just need you to create those graphics and attach them to this issue.

Take a moment to review each of the plugins we already have posted in the WordPress directory. Then build the graphics and the readme.txt for this plugin so that it matches the overall look that we've got with each of our plugins.

Dont see Paypal Button in Divi Visual Builder

HI, I just tried Divi Visual builder ( front-end ) and when I was adding the elements I tried to add PayPal Button but the module was not loaded there. Can you please check and add if possible.
Thanks!

Currency Support

• https://wordpress.org/support/topic/change-currency-22/

Make button alignment available to all types of buttons.

Currently alignment is only available for custom button

Donation Button - Option to let user enter their own amount.

• https://wordpress.org/support/topic/open-amount-for-donation-button/

Right now our donate button forces you to enter a static amount to purchase. We need to add the option that lets users enter their own amount in the donate button instead.

Form opens in separate browser tab..??

• https://www.angelleye.com/wp-admin/comment.php?action=editcomment&c=38724#akismet-status

When we add a PayPal button, clicking on it opens the payment in a separate browser tab. Not sure why this is happening, but we need to set the default to happen in the current tab/window, and maybe add an option can people can check to use _blank if they want to.

Adjustments necessary for WordPress directory submission.

We got some feedback from the WP plugin review team.

Hardcoded plugin folder name

Your plugin won't work via our directory because you hardcoded in the plugin's folder. You've defined your plugin name in the plugins_url() function like this:

plugins_url( 'divi-paypal/css/paypal_divi.css' ) );

Problem is? That won't be the folder name. The plugin folder name is derived from the name you used to submit your plugin. So if you submitted it as 'Joe's Cool Nameapp' then the folder will be joes-cool-nameapp and not cool-nameapp.

Please read http://codex.wordpress.org/Function_Reference/plugins_url - you'll notice how we have a FILE parameter used in most examples. If you change your plugin to use that, it will work no matter what the folder name is.

Field Validation when building buttons.

I've seen a few instances where people enter the amount for the button with the $ included, so the button ends up with this field included in it:

<input type="hidden" name="amount" value="$7">

This causes the button to malfunction, and when you click it you are sent to PayPal but it just says "Things don't seem to be working right now." When we remove the $ then it works fine.

We need to validate the entry to clear out any extra symbols and make sure it's numeric only. We should also make sure it has 2 decimal places, so instead of 7 it would be 7.00 in this example.

WordPress 4.8 Compatibility

Just need to test and make sure everything is working properly with WP 4.8.

'

'

Website Product Page

Need to create a new page for this product on the website.

Settings Adjustments / Button Front End

In #18 we added a settings panel which includes the setup of one or more PayPal account IDs.

If you have an existing button on the site already, and then you edit the PayPal account ID of the record related to that button, it's not updating on the front end until after you re-save the PayPal module on the page the button was added to. This defeats the purpose of having a global PayPal account setting.

We need to find a way to force the module update. If we can update all related modules when the account record is updated that would be great. If not, we should look into adding a "Tools" tab to the settings panel, and within that we can create a tool you can use to automatically update all Divi module PayPal buttons if / when necessary.

clear cache on activation and deactivation localstorage

Website Support Page

Need to create basic documentation articles and add the support category on the website for these posts.

• Install Guide https://www.angelleye.com/paypal-divi-installation-guide/
• Setup Guide https://www.angelleye.com/paypal-divi-setup-guide/
• User Guide https://www.angelleye.com/paypal-divi-user-guide/

Add new tab in settings panel for WP Button Manager.

We can add a tab in the settings panel called "Store" and within that we'll have a spot where we can advertise our other plugins.

To start we'll add the PayPal WP Button Manager plugin in there as a product they can click to get more information about, and we'll send them to the WP plugin directory page for the BM plugin.