Embed using HTML <iframe> tag

Feel free to embed our widgets into your website

  1. When placing code snippets on your website, keep in mind that the width of the widget on mobile devices should be as large as possible. If the width of the widget is less than a minimum of 300 pixels, a button will be displayed to redirect visitors to our website.
  2. When users submit the form they will be redirected to the results page on our host.
  3. You must take care to inform the user about the use of cookies because they are necessary for the functionality of the website.
  4. You should not place more than one widget per page. Placing multiple widgets on the same page will decrease page speed and user experience.
  5. Widgets should only be placed within the content of the page. Placing a widget on the sidebar is not acceptable.

Widgets can be translated into the following languages:

Language culture-slug
Arabic ar
Bangla bn
Chinese zh
Croatian hr
English en
French fr
German de
Hindi hi
Hungarian hu
Indonesian id
Italian it
Japanese ja
Korean ko
Polish pl
Portuguese pt
Russian ru
Spanish es
Turkish tr
Ukrainian uk
Vietnamese vi
German de
Hindi hi
Hungarian hu
Indonesian id
Italian it
Japanese ja
Korean ko
Polish pl
Portuguese pt
Russian ru
Spanish es
Turkish tr
Ukrainian uk
Vietnamese vi

When changing the language in widgets, change the source of the iframe according to this template:

https://pc-builds.com/{culture-slug}/embed/{widget-type} // For example {culture-slug} is replaced with "es" for Spanish

Bottleneck Calculator

Embed our bottleneck calculator using this code.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/embed/bottleneck-calculator" 
    id="pc-builds-bottleneck-calculator" 
    onload="LoadPCBuildsIFrame('pc-builds-bottleneck-calculator');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Preview


Frames per second calculator

Embed our frames per second calculator using this code.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/embed/fps-calculator" 
    id="pc-builds-fps-calculator" 
    onload="LoadPCBuildsIFrame('pc-builds-fps-calculator');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Preview


Games Bottleneck Calculator

Embed our in game bottleneck calculator using this code.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/embed/games-bottleneck-calculator" 
    id="pc-builds-games-bottleneck-calculator" 
    onload="LoadPCBuildsIFrame('pc-builds-games-bottleneck-calculator');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Preview


Power supply unit calculator

Embed our Power supply unit calculator using this code.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/embed/psu-calculator" 
    id="pc-builds-psu-calculator" 
    onload="LoadPCBuildsIFrame('pc-builds-psu-calculator');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Preview


Compare processors

Embed view for processor comparison using this code.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/embed/compare-processors" 
    id="pc-builds-compare-processors" 
    onload="LoadPCBuildsIFrame('pc-builds-compare-processors');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Preview


Compare graphic cards

Embed view for graphic card comparison using this code.

<script>
    function LoadPCBuildsIFrame(id){
        let frame = document.getElementById(id);
        frame.style.height = (frame.contentWindow.document.body.scrollHeight + 30) + 'px';
    }
</script>
<iframe loading="lazy" 
    src="https://pc-builds.com/en/embed/compare-graphic-cards" 
    id="pc-builds-compare-graphic-cards" 
    onload="LoadPCBuildsIFrame('pc-builds-compare-graphic-cards');"
    style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>

Preview