Open Whatsapp message box on button click on a web page - html

I have added some logos at the end of my website. I want to open respective apps based on the logos when clicked by users. This menu is shown when the user accesses the site via mobile
How can I open whatsapp message for a particular number when user clicks on it?
For example for email we have mailto and for telephone we have tel

You can use href of this element to
WhatsApp
For a specific number
href="//api.whatsapp.com/send?phone=91MOBILE_NUMBER&text=WHATEVER_LINK_OR_TEXT_YOU_WANT_TO_SEND"
Please make sure in phone, there is CountryCode 91 for India

They have a function called Click to Chat which I have tested in standard banners.
WhatsApp's Click to Chat feature allows you to begin a chat with someone without having their phone number saved in your phone's address book. As long as you know this person’s phone number, you can create a link that will allow you to start a chat with them. By clicking the link, a chat with the person automatically opens. Click to Chat works on both your phone and WhatsApp Web.
You can create a click to WhatsApp Number (Do note the mobile number needs to have an Active Whatsapp Account)
You can have a click to WhatsApp with Pre-Filled Message
You can click to just a Pre-Filled message. It would then prompt you to select a contact.
Works on web, mobile web and mobile apps
Example of clicthrough URL - https://wa.me/0123456789?text=I'm%20interested%20in%20your%20car%20for%20sale
More info here: https://faq.whatsapp.com/en/android/26000030/
Adding international contacts/phone numbers: https://faq.whatsapp.com/en/general/21016748

On a website that is based on a CMS engine like WordPress, for the case of the WordPress CMS, the page title will be the pre-filled message, which is very useful if you want to know from what website page/title the request is coming.
To create your own link with a pre-filled message that will automatically appear in the text field of a chat, use <a href="whatsapp://send?text= <?php the_title_attribute(); ?> &phone=:whatsappphonenumber </a>
Where: the_title_attribute(); is the WordPress Function retrieving or displaying the current title, and
whatsappphonenumber is the WhatsApp number used to receive the message.

Related

Giving user a way to add to home screen without user engagement with PWA

I am aware that chrome can prompt alert to add the icon to home screen when PWA requirement are met as listed here. One of the requirement is user interaction.
the user has interacted with the domain for at least 30 seconds
However, I would like to give user option to do so without any prior engagement. As an example, I would like to give a link in promotional email, which will take user to the app like usual, but also open the prompt to add icon to home page.
Is it possible?

In created application on Google's Developer Console How to create OAuth credentials?

I try to install
https://github.com/JoeDawson/youtube pluging
which demands
GOOGLE_CLIENT_ID=YOUR_CLIENT_ID
GOOGLE_CLIENT_SECRET=YOUR_SECRET
parameters.
To get them I created an application on Google's Developer Console as :
https://imgur.com/a/uF5XeDF
Is it correct place new project ?
But I did not find how to create OAuth credentials
But I did not find where have I to create GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET ?
Is it correct editor just after I have registered myself at Google's Developer Console and completed my Profile by filling questions by link
in confirmation email ?
You may check this blog on how to get Google app Client ID and Client Secret.
Login to Google Developer Console at https://console.developers.google.com using your google account credentials.
If you are not registered on Google developer account, then you need to accept agreement.
After accepting agreement or if you are already registered on Google developer account, you will see a screen as shown below. Click on “Select a project” on top header bar.
From the project selection popup click on the button with plus icon to add new project.
Enter your “Project name” and click on “Create” button.
It will open list page of API and Services. (you can also open this page from left side menu bar > “Library” menu)
From the list page search API with name “Google+ API” and click on the box with name “Google+ API”.
It will show the detail page of “Google+ API”, click on “Enable” button and it will return you back to dashboard.
From the dashboard click on “Credentials” from the left side menu.
From “Credentials” page click on “OAuth consent screen” tab and enter your website URL. Then click on “Save” button.
From the Credentials tab, click on “Create Credentials” dropdown and select “OAuth client ID”.
On OAuth client id creation screen:
Select the “Web Application” radio button from the “Application Type”.
Enter your application name in “Name” field. This name will be shown to end users when they are asked to give login permission to your website. So please specify meaningful name which can identify your website.
Enter your catalog site URL in “Authorized JavaScript origins”. For example, if website domain is yourdomain.com, enter http://yourdomain.com
In “Authorized redirect URIs” input box, enter your website URL + the page/end-point where you wanted your user redirected back. If you are using Microsoft.Owin.Security.Google library, the end-point is “/signin-google”. For example, my website url is http://yourdomain.com, so I enter http://yourdomain.com/signin-google
Click on “Create” Button.
It will display the popup with client id and client secret.
You may also follow this documentation on how to use OAuth 2.0 to access Google APIs.

Hide sensitive information on website from showing up in Google's new tab page

I am a website owner, where users may store sensitive information. How do I keep that information being basically screenshotted and displayed on Google Chrome's new tab page?

Unregistered user login for wordpress

Is there a way where we can login as a subscriber/customer in a wordpress website? I have developed a website for a client of mine. It's a club & hotel management website & they have 6000 members registered. We have login of all 6000 members in an SQL database & I want to use that SQL database for user login(besides usage of mysql).
Let me know if there's a possibility to achieve this.
Thanks.
Here are the steps to provide a customized login experience for your subscribers. It may be a long process, but it would work easily:
First thing you need to do is install and activate the WPForms plugin.
Upon activation, you need to visit WPForms » Settings page to enter your license key. You can get this license key from your account on WPForms website.
After verification, you need to head over to WPForms » Addons page.
Click on the Install Addon button.
Visit WPForms » Add New page. This will launch WPForms’ form builder.
You need to enter a form name and then from ‘Select a Template’ section click on ‘User Registration Form’ template.
Add new fields you want to add from the left panel as well as customize the order of existing fields by using a simple drag and drop interface.
Once you are done adding the fields, click on the ‘Settings’ menu on the left and then select the ‘User Registration’ tab.
Click on the save button at the top right corner of the screen to save your form settings.
Simply create a new WordPress page or edit an existing page that you would like to use as registration page.
On the page edit screen, you will notice the ‘Add Form’ button. Clicking on it will bring up a popup where you can select the user registration form you just created.
Click on the ‘Add Form button’ and you will notice a WPForms shortcode will appear in the post editor.
You can now save or publish your page. Visit the page in a new browser tab to see your custom user registration page in action.
Visit WPForms » Add New page. This will launch the Form Builder interface of WPForms. You need to provide a name for your custom login form and then select ‘User Login Form’ as your template.
Next you need to click on the settings tab and then click on ‘Confirmation’ tab. This is where you can define what to do after a successful login.
You can show users a message, redirect them to the page they came from, or redirect them to any other page on your site.
Click on the Save button and now You can add your custom login form to a page by creating a new page and then clicking on the Add Form button.

is Facebook app approval required for share link app_id?

I am looking to customize the Facebook share button with a custom website icon (the 16x16 one) when a user opens the dialog window to share an article. As I understand, it requires a Facebook app_id and then setting the icon in the app_id settings.
My question is, does the Facebook app need to be sent to "approval" for this to work? Or is that only required for actual apps that are used on Facebook? Because what I am doing is not an actual app, I just need the icon customized that users will see when they post something. Would it work just going from sandbox to live without submitting to approval?