How to create PayPal button with custom fields

You can easily create a custom PayPal button or donation button with custom user input fields using just HTML. In this example we will make a donation button.

PayPal Button Instructions Page

First lets look at a basic HTML markup for a PayPal button:

paypal_button_html

Next we will modify this markup for our own use.

Change ‘cmd’ field:
Right now the ‘cmd’ field value variable is set to ‘_cart’, which defines our button as an ‘add to cart’ button. Change the ‘cmd’ variable to ‘_donations’.

Change the ‘business’ field:
Replace the ‘business’ field value with your PayPal account email address.

Change the ‘item_name’ field:
Change the item name field value to ‘my website donation’.

Change the ‘amount’ field:
Now let’s change the ‘amount’ field so that the person donating can specify the donation amount, a label and make the field required.

paypal_form_donation_amount

Specify return page:
Lets add a return variable that specifies the thank you page we want the user to return to after making the donation. Replace the google url with your own.

paypal_donate_return_page

Add a custom field radio button:
Let’s create a custom radio button field where the person donating gets to opt in to receive a free coupon.

paypal_custom_donation_field

Add a note field:
This field lets the user add a note to his donation.

paypal_custom_note_field

Change ‘image’ field:
Right now the button for our form would appear as a ‘Buy’ button, let’s change it to a ‘Donation’ button. Change the ‘btn_buynow_LG’ text in the ‘src’ field variable to ‘btn_donate_LG’.

You’re done!
You can add more custom input fields this way. For a list of more PayPal variables to modify go here.

Advertisements

How to change the Avada Theme/Theme Fusion Portfolio item image hover color

Enter the style below into the ‘Custom CSS’ field and adjust them:

/* portfolio photo hover color */
.fusion-image-wrapper .fusion-rollover {
background-image: linear-gradient(top, rgba(224,224,224,0.8) 0%, #333 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(224,224,224,0.8)), color-stop(1, #333));
}

How to change the Avada Theme/Themefusion Portfolio item image hover color

 

Enter the style below into the ‘Custom CSS’ field and adjust them:

/* portfolio photo hover color */
.fusion-image-wrapper .fusion-rollover {
background-image: linear-gradient(top, rgba(224,224,224,0.8) 0%, #333 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(224,224,224,0.8)), color-stop(1, #333));
}

How to restore your Youtube channel falsely reported as spam or in violation

Recently I had a Youtube Channel, I created for a customer, get falsely flagged as spam.

Here’s the email I received:
falsely_reported_channel_youtube

The marked out sport is a link to my flagged youtube channel.

To resolve the false flag I simply filled out this form: https://support.google.com/accounts/contact/suspended?p=youtube&rd=1

 

Install WordPress into a subdirectory, redirect website traffic to it & hide the subdirectory.

  1. Log into cPanel and install WordPress into a subdirectory on the website.
  2. Go to the General Screen.
    In WordPress address (URL): set the address of your main WordPress core files. Example: http://example.com/wordpress
    In Site address (URL): set root directory’s URL. Example: http://example.com
    Click Save Changes. (Do not worry about the errors that happen now! Continue reading)
  3. Create this .htaccess¬†file and upload it into the site’s root directory.
    # BEGIN WordPress

    RewriteEngine On
    RewriteBase /newdirectory/
    RewriteRule ^index\.php$ – [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /newdirectory/index.php [L]

    # END WordPress

  4. Copy the WordPress index.php file in the subdirectoy into the site’s root directory and then modify this line:
    require( dirname( __FILE__ ) . ‘/wp-blog-header.php’ );
    to the following, using your directory name for the WordPress core files:
    require( dirname( __FILE__ ) . ‘/newdirectory/wp-blog-header.php’ );

Note: ‘newdirectory’ represents the new directory with your newly installed WordPress.