Within your Zenfolio account, we offer the opportunity to use Custom Pages - typically used to fulfill the general needs of a photographer website. These Custom Pages are highly customizable, making it possible to embed HTML code into the content area of the Custom Page.
Example services that provide embeddable content include:
- Youtube
- Vimeo
- Jotform (used to create custom forms or questionnaires that site visitors can fill out)
- Emailmeform.com (also used to create custom forms)
- Webform (also used to create custom forms)
- Mailchimp
- Survey Monkey
- OptinMonster
Click HERE for an example of a custom page that contains an embeddable form that site visitors can fill out.
Some photography associations/clubs offer embeddable badges that photographers can add to their sites to display their memberships or awards. Examples of associations/clubs that offer embeddable codes include:
- PPA
- The Knot
- WeddingWire
Click here for an example of a Zenfolio website that contains embeddable badges from photography associations and clubs (scroll to see badges at the bottom of the page).
Limitations
Almost any service that provides embeddable HTML code can be used within a custom page. The important part to keep in mind is that the code cannot be embedded into the <head> of the page, it can only be embedded into the <body> of the page. Additionally, not all custom HTML code may be supported, for example, it is not possible to use <script> codes for your website.
That being said, there are some services that provide embeddable HTML that cannot be used with Zenfolio. Please click HERE for a list of some of those services.
Lastly, custom pages can only contain a maximum of 100,000 characters of HTML markup on each page. If you would like to display more content, we recommend splitting it up into multiple pages.
Get the Code
In order to generate embeddable code for your website, you’ll first need to use the service that provides the code (i.e. - create a form at jotform.com in order to then generate the code). After creating the content and generating the code, you may then embed it into a custom page on your website.
-
For general information on how to create a Custom Page please see this link.
-
The same embed feature and tools are available for adding content to a blog.
-
Embeddable content can also be added to the site's Header or Footer.
Here are the steps for embedding HTML code into a Custom Page:
-
Open the Custom Page for editing then click on Embed in the Formatting Toolbar.
-
Paste in the embeddable code into the Content Field.
-
Preview the content.
-
Go to the Set Layout tab to make any necessary adjustments to the content's presentation.
- Insert the content.
Embedded Content Not Lining Up?
In some cases, the embedded content may not display correctly in the embeddable content window. In these cases, it might help to insert the code directly into the page's HTML Source Code (rather than using the Embed tool).
This is done by clicking on Source in the formatting toolbar in order to switch to the HTML Source view in the content editing window.
Then in the content window, paste in the embeddable code.
Pro Tip: If you are not familiar with custom coding, an easy way to place your embed code in the proper place within the SOURCE area is to use a placeholder text.
For example, when editing the Custom Page:
- Locate the place you'd like to place the embedded content and type "CODE GOES HERE"
- Then click on the Source button to open the source code view.
- With the source code open, use the keyboard shortcut CTRL+F (COMMAND+F on Mac computers). A search bar should appear in your browser.
- Type "CODE GOES HERE" into the browser search function, the browser will locate the text on the page.
- You can then highlight that code and paste your embed code to replace the "CODE GOES HERE" text.
It is important to note that while the option to manually edit the HTML code in your custom pages and other areas of your website is provided, editing Source Code requires knowledge of Web programming, and is not covered by Zenfolio support. In addition, not all custom code may be supported within the website creator used to generate your website. For example, it is not advisable to use <script> codes when embedding content.