Adding a link on your web site to your Powerbase form is always the easiest way to get people to fill out your form.
However, sometimes you want a bit more control over the look and feel. In these cases you can choose to use the iframe option.
An iframe is a way to embed an external page on your own web site. iframes DO NOT work with webforms, only with Powerbase / civicrm pages. To use this approach:
- Contact support so we can enable the following items:
- Enable iframe ext:
longshore site-cv SITE en iframe - Generate iframe helper file:
longshore -v site-iframe SITE - Enable iframe css ext:
longshore site-cv SITE en iframecss
- Enable iframe ext:
- Add the following code to your web site to incorporate the page:
<iframe src="https://YOURSITE.ourpowerbase.net/iframe.php/path/to/page?id=123"></iframe>
So for example, if you want to use iframe to embed a stand-alone profile, the code would like like this:
<iframe src="https://demo.ourpowerbase.net/iframe.php/civicrm/profile/create?gid=2&reset=1"></iframe>
Please test widely on different devices - different browsers may respond differently.
More info.
Changing the look and feel
Because the iframe comes from the Powerbase site, you won't be able to style it using style sheets on your web site.
However, there are two places where you can customize the look and feel
Administer -> System Settings -> IFrame Connector settings
On this page, you can choose whether or not you want the core CiviCRM styling and whether you want the full display of the page, or just the page without navigation and headers.
Administer -> System Settings -> iframe css Settings
On this page you can choose whether to include the generic "Pico" css framework and also you can paste in your own custom CSS