This article will provide a way to place a Searchie widget into a WordPress post or page using an iframe.
What you will need:
Note: We will complete this tutorial using the Twenty Seventeen theme, but the widget should function the same on any theme that has standard customizable pages and posts. The last step will show both the final result for a post and a page, but to keep things concise we will only show the steps for a page (they’re identical for a post).
Step 1 - Access the Widget Page or Post
You’re going to first have to log in to your WordPress (WP) account and navigate to the created page or post you wish to add the Searchie widget to.
Step 2 - Enter Widget Code via Block of Choice
There are a variety of methods you could implement to add the widget to the page or post you are currently editing. We will show how to add the widget to a post using a ‘Custom HTML block', but it is also possible to add the widget through a ‘Code block’, ‘Paragraph block’, ‘Quote block’, and a few others. Click on the ‘+’ button and add a new Custom HTML block under the Formatting category.
In this block that currently reads ‘Write HTML…’ paste the iframe code you grabbed from your widget on the Searchie site. See this post for help with finding the iframe code.
Step 3 - Confirm Functionality and Placement
Now that we have the iframe code embedded in the WordPress page we should probably make sure it looks the way we want it to. If you click the ‘Preview’ button above the HTML that you have just entered, the widget will appear extremely small. This is an issue with the way it is displayed in the editor, but if you click the ‘Preview’ button at the top-right of the Editor, you will see how the widget actually looks on your site. Let’s do that now and check out how that looks for both Pages and Posts on the Twenty Seventeen theme.
Click the Update/Publish button back on the Edit Post page to confirm your changes to the site and reveal to your audience the beauty of Searchie.