contentpopup
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
contentpopup [2015/03/11 22:01] christopher created |
contentpopup [2020/05/28 19:28] (current) michaels |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | #redirect https://support.realgeeks.com/hc/en-us/articles/360043670493 | ||
| ====== Inserting popup contact form links into your content ====== | ====== Inserting popup contact form links into your content ====== | ||
| Line 19: | Line 20: | ||
| {{:contactform01.png|}} | {{:contactform01.png|}} | ||
| - | =====I would like a "Contact Us" button instead of a text hyperlink===== | + | =====I would like a "Contact Us" image instead of a text hyperlink===== |
| + | |||
| + | This can be performed by adding an <img src> code into the code block. | ||
| + | |||
| + | You will first need an image to use as a button. Feel free to use this button we are using as an example or create/locate one of your own. | ||
| + | |||
| + | {{::contact.png|}} | ||
| + | |||
| + | Upload the image to your [[uploading|File Browser]] and take note of the filepath URL. | ||
| + | |||
| + | You will then replace the "Contact Us" text with the code linking to the image, which will look like this: | ||
| + | |||
| + | <code html> | ||
| + | <img src="http://u.realgeeks.media/YOURSITENAME/FILENAME.png"> | ||
| + | </code> | ||
| + | |||
| + | Make sure everything is copied verbatim for the image's filepath including: | ||
| + | |||
| + | * The proper site name so the correct File Browser is accessed | ||
| + | * File name of the image | ||
| + | * The image's file extension (*.png, *.jpg, etc.) | ||
| + | |||
| + | The entire code block that would look like this: | ||
| + | |||
| + | <code html> | ||
| + | <a class="popup" href="/member/contact/"> | ||
| + | <img src="http://u.realgeeks.media/YOURSITENAME/FILENAME.png"> | ||
| + | </a> | ||
| + | </code> | ||
| + | |||
| + | This will insert your specified button on to the page, linking to the same pop up contact form. | ||
| + | |||
| + | =====To create a "Contact Us" button===== | ||
| + | |||
| + | <code HTML> | ||
| + | <a class="button contact_us popup" style="background: #CC6699; color: #ffffff;" href="/member/contact/"> | ||
| + | <span>Contact Us</span> | ||
| + | </a> | ||
| + | </code> | ||
| + | |||
| + | You can change the background and color of the button by going to http://www.w3schools.com/colors/colors_picker.asp and replacing #CC6699 and #ffffff with the color code of your choice. | ||
| + | |||
| + | Click [[contact_widgets|here]] to learn how to add the Contact Us button on an external site (not your realgeeks site). | ||
contentpopup.1426111307.txt.gz · Last modified: 2015/03/11 22:01 by christopher
Page Tools
