[Resolved] Use hook with page content

[Niklas]

Hello

On the website I’m currently building the customer wishes to have an overview of all locations aswell as a map at the end of every site.

I thought hooks would be fitting, as they can be configured to show content at the end of every page.

I’ve built the content of the hook on a private page and tried to copy/paste the generated html into the hook. Unfortunately once placed into a hook I lose the layout originally created on the private page.

This is what I would like to have in the hook:

View post on imgur.com

This is what I end up with:

View post on imgur.com

Is there any way to add this piece of content to a hook while maintaining the layout or is there an alternative way of achieving this?

[David]

Hi there,

can you share me a link to where i can see the map in place and the broken layout?

[Niklas]

Unfortunatly I’m currently working on the website locally. So I can’t share a link to it.

[Niklas]

If it’s any help this is the code I’ve put into the hook.

<!-- wp:generateblocks/container {"uniqueId":"0bfb62be","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"4c637df2","element":"h1","alignment":"center","marginBottom":"5","marginUnit":"%"} -->
<h1 class="gb-headline gb-headline-4c637df2 gb-headline-text">Unsere Standorte</h1>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/grid {"uniqueId":"aa4febd4","columns":4,"isDynamic":true} -->
<!-- wp:generateblocks/container {"uniqueId":"3580f627","isGrid":true,"gridId":"aa4febd4","width":25,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"5e558d68"} -->
<h2 class="gb-headline gb-headline-5e558d68 gb-headline-text">Stuttgart</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Königstr. 60<br>70173 Stuttgart<br><a href="tel:+49711 99 79 38 90">0711 99 79 38 90</a><br><a href="mailto:info@ralfkludt.com">info@ralfkludt.com</a></p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"cb3045d2","isGrid":true,"gridId":"aa4febd4","width":25,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"b985b2a9"} -->
<h2 class="gb-headline gb-headline-b985b2a9 gb-headline-text">München</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Pacellistr. 6<br>80333 München<br><a href="tel:+4989 954 537 522">089 954 537 522</a><br><a href="mailto:info@ralfkludt.com">info@ralfkludt.com</a></p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"cd0331f4","isGrid":true,"gridId":"aa4febd4","width":25,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"c38003b9"} -->
<h2 class="gb-headline gb-headline-c38003b9 gb-headline-text">Konstanz</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Fritz-Arnold-Str. 16<br>78467 Konstanz<br><a href="tel:+497531 99 14 53">07531 99 14 53 </a><a href="mailto:info@ralfkludt.com">info@ralfkludt.com</a></p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"de124a36","isGrid":true,"gridId":"aa4febd4","width":25,"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","isDynamic":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"bf9cd214"} -->
<h2 class="gb-headline gb-headline-bf9cd214 gb-headline-text">Köngen</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Nürtingerstr. 50<br>73257 Köngen<br><a href="tel:+497024 415 46 00">07024 415 46 00</a><br><a href="mailto:info@ralfkludt.com">info@ralfkludt.com</a></p>
<!-- /wp:paragraph -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->

<!-- wp:html -->
<iframe src="https://www.google.com/maps/d/embed?mid=144VZVKnV5tAO9EBcfSFH-ahbzn0qmkCk" width="950" height="480"></iframe>
<!-- /wp:html -->
<!-- /wp:generateblocks/container -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

[David]

Why not use a Block Element instead ?

https://docs.generatepress.com/article/block-element-overview/

[Niklas]

Oh I didn’t even consider that option. That was exactly what I needed for it to work thank you very much.

[David]

You’re welcome.

[Author]

Posts