Widgets can be translated into the following languages:
Language | culture-slug |
---|---|
English | en |
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
Embed our bottleneck calculator using this code.
<script>
window.addEventListener('message', function(e) {
let pcb_iframe = document.getElementById("pc-builds-bottleneck-calculator");
if(e.data[0] == 'setFrameHeight-bottleneck-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
}, false);
</script>
<iframe loading="lazy"
src="https://pc-builds.com/en/embed/bottleneck-calculator"
id="pc-builds-bottleneck-calculator"
style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>
Embed our frames per second calculator using this code.
<script>
window.addEventListener('message', function(e) {
let pcb_iframe = document.getElementById("pc-builds-fps-calculator");
if(e.data[0] == 'setFrameHeight-fps-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
}, false);
</script>
<iframe loading="lazy"
src="https://pc-builds.com/en/embed/fps-calculator"
id="pc-builds-fps-calculator"
style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>
Embed our in game bottleneck calculator using this code.
<script>
window.addEventListener('message', function(e) {
let pcb_iframe = document.getElementById("pc-builds-games-bottleneck-calculator");
if(e.data[0] == 'setFrameHeight-games-bottleneck-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
}, false);
</script>
<iframe loading="lazy"
src="https://pc-builds.com/en/embed/games-bottleneck-calculator"
id="pc-builds-games-bottleneck-calculator"
style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>
Embed our Power supply unit calculator using this code.
<script>
window.addEventListener('message', function(e) {
let pcb_iframe = document.getElementById("pc-builds-psu-calculator");
if(e.data[0] == 'setFrameHeight-psu-calculator') { pcb_iframe.style.height = e.data[1] + 'px'; }
}, false);
</script>
<iframe loading="lazy"
src="https://pc-builds.com/en/embed/psu-calculator"
id="pc-builds-psu-calculator"
style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>
Embed view for processor comparison using this code.
<script>
window.addEventListener('message', function(e) {
let pcb_iframe = document.getElementById("pc-builds-compare-processors");
if(e.data[0] == 'setFrameHeight-compare-processors') { pcb_iframe.style.height = e.data[1] + 'px'; }
}, false);
</script>
<iframe loading="lazy"
src="https://pc-builds.com/en/embed/compare-processors"
id="pc-builds-compare-processors"
style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>
Embed view for graphic card comparison using this code.
<script>
window.addEventListener('message', function(e) {
let pcb_iframe = document.getElementById("pc-builds-compare-graphic-cards");
if(e.data[0] == 'setFrameHeight-compare-graphic-cards') { pcb_iframe.style.height = e.data[1] + 'px'; }
}, false);
</script>
<iframe loading="lazy"
src="https://pc-builds.com/en/embed/compare-graphic-cards"
id="pc-builds-compare-graphic-cards"
style="overflow:hidden !important;min-height:500px !important;width:100% !important;">
</iframe>