I recently received an email from someone who had taken over their organization's CiviCRM system that is integrated with WordPress. She was being told by their CiviCRM provider that exposing a CiviCRM form in WordPress required using iFrames, but her web developer said that wouldn't work well with their responsive design. Is there an easier way to expose CiviCRM forms in WordPress?
To publish CiviCRM forms in WordPress you need to put a CiviCRM shortcode in some content exposed to site visitors, such as a Post or Page: Click to select a CiviCRM front-end form or page: Then select one of the CiviCRM front-end content types. Depending on which one you choose, different options become available:
Note that only active CiviCRM content can be published, so if you don't see a contribution page or event or profile you just created in the dropdown list, go back to CiviCRM and make sure it is active.
For Contribution Pages, navigate to Contributions > Manage Contributions, beside relevant page click Configure > Title and Settings, then at bottom of page click to enable Is this Online Contribution Page Active?
For Events, navigate to Events > Manage Events, beside relevant event click Configure > Title and Settings, then at bottom of the page click to enable Is this Event Active?
For Profiles, navigate to Administer > Customize Data and Screens > Profiles, beside the relevant profile click more > Enable.
Recommend using Caldera Forms CiviCRM, https://wordpress.org/plugins/cf-civicrm/
This is currently the most flexible and easiest way to implement CiviCRM integrated forms on a WordPress website.