Can I create a GeneratePress block element and then make a popup from that without using an extra plugin?

Yes, you can create a GeneratePress block element and use it to create a popup without using an extra plugin. Here’s how you can do it:

1. Create a new block element in GeneratePress. You can do this by going to Appearance > GenerateBlocks > Block Elements > Add New.
2. Give your block element a name and select the type of content you want to include in your popup (e.g. text, image, form, etc.).
3. Customize your block element by adding your content and adjusting the design settings.
4. Save your block element.
5. Open your block element in the editor by clicking the “Edit” button next to it in the Block Elements list.
6. Click the “Display Rules” tab to configure when and where your popup should appear.
7. In the “Hook” section, select “After Body Open”. This will insert your block element code at the beginning of the body tag, which is necessary for creating a popup.
8. Click the “Save” button to save your changes.

Now, your block element will be displayed as a popup on your website according to the display rules you configured. Note that you may need to add some custom CSS to position your popup and adjust its size and appearance.

Here’s an example of the custom CSS you could use to position your popup in the center of the screen:

.gb-popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

How do I set it so this kind of popup would pop up after 30 seconds?